<script language="网页特效">
function importfn(){
var head = document.getelementsbytagname("head")[0];
var script = document.createelement('script');
script.id = 'sid';
script.type = 'text/javascript';
script.src = '../js/alerttest.js';
head.appendchild(script);
}
function load(url){
ele = document.createelement("script");
ele.setattribute("type", "text/javascript");
ele.setattribute("src", url);
document.body.appendchild(ele);
}
function xxx() {
load("a.js");
//……
}
</script>
1、通过创建一个script标签,添加到head中,设置src路径
2、通过ajax加载js文件,创建script标签,添加到head中,设置script的text属性为所加载的js文件的内容
相同之处是,都是异步加载
不同之处就是一个是设置src路径,一个通过ajax加载内容然后设置text
下面看个实例
<!doctype html public "-//w3c//dtd html 4.01 transitional//en"
"http://www.w3.org/tr/html4/loose.dtd">
<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>动态加载js文件</title>
<script type="text/javascript">
function myclick(){
document.getelementbyid("thejs").src="a.js";
}
</script>
<script type="text/javascript" id="thejs"></script>
</head>
<body>
<input type="submit" value="查询" onclick="javascript:myclick();" />
</body>