动态加载外部JS文件

动态加载外部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");

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>

待加载的JS文件及代码:

a.js
function a(){
 alert("a");
}

b.js
function b(){
 alert("b");
}

c.js
function c(){
 alert("c");
}
posted @ 2007-12-28 12:53  IamV  阅读(996)  评论(0编辑  收藏  举报