动态加载外部JS文件
动态加载外部JS文件,示例代码如下:
js4inc.js :
IncldueJsFile_Example.html:
待加载的JS文件及代码:
a.js:
b.js:
c.js:
js4inc.js :
function DoIncJs(sSrc){
var oHead = document.getElementsByTagName('head')[0];
var oScript = document.createElement('script');
oScript.type = "text/javascript";
oScript.src = sSrc;
oHead.appendChild(oScript);
}
function IncJsFiles(sUrls) {
var sUrls=sUrls.split(",");
for(var i=0;i<sUrls.length;i++) {
DoIncJs(sUrls[i]);
}
}
IncJsFiles("a.js,b.js,c.js");
var oHead = document.getElementsByTagName('head')[0];
var oScript = document.createElement('script');
oScript.type = "text/javascript";
oScript.src = sSrc;
oHead.appendChild(oScript);
}
function IncJsFiles(sUrls) {
var sUrls=sUrls.split(",");
for(var i=0;i<sUrls.length;i++) {
DoIncJs(sUrls[i]);
}
}
IncJsFiles("a.js,b.js,c.js");
IncldueJsFile_Example.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<title> 动态引用js文件 </title>
<meta name="Author" content="枫岩,Mail:CNLei.y.l@gmail.com" />
<script type="text/javascript" src="js4inc.js"></script>
</head>
<body>
<a href="javascript:a();">a.js</a><br />
<a href="javascript:b();">b.js</a><br />
<a href="javascript:c();">c.js</a><br />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<title> 动态引用js文件 </title>
<meta name="Author" content="枫岩,Mail:CNLei.y.l@gmail.com" />
<script type="text/javascript" src="js4inc.js"></script>
</head>
<body>
<a href="javascript:a();">a.js</a><br />
<a href="javascript:b();">b.js</a><br />
<a href="javascript:c();">c.js</a><br />
</body>
</html>
待加载的JS文件及代码:
a.js:
function a(){
alert("a");
}
alert("a");
}
b.js:
function b(){
alert("b");
}
alert("b");
}
c.js:
function c(){
alert("c");
}
alert("c");
}