1、直接来document.write
<script language="javascript">
document.write("<script src='test.js'><\/script>");
</script>
2、动态改变已有script的src属性自
<script src='' id="s1"></script>
<script language="javascript">
s1.src="test.js"
</script>
3、动态创建script元素
<script>
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
</script>
其实原理就是利用dom动态的引入一个js到文件中来~就能和原有的js通信了~
⑵ 如何动态加载js文件
动态创建 script 标签，就可以加载了，简单写个 demo，未测试，仅提供思路：
varscript=document.createElement('script');
script.type='text/javascript';
script.src='http://******************.js';
script.onload=function(){
console.log('Done');
};
document.getElementsByTagName('head')[0].appendChild(script);上面代码需要注意几点：
一些旧版本IE可能不支持 script 的 onload，需要使用 onreadystatechange。
插入节点是，严谨的话，需要判断一下是否有<base>标签存在
⑶ 如何动态的加载js文件
1、直接document.write
document.write("<scriptsrc='test.js'></script>");2、动态改变已有script的src属性
<scriptsrc=''id="s1"></script>
<scriptlanguage="javascript">
s1.src="test.js"
</script>
3、动态创建script元素
<script>
varoHead=document.getElementsByTagName('HEAD').item(0);
varoScript=document.createElement("script");
oScript.type="text/javascript";
oScript.src="test.js";
oHead.appendChild(oScript);
</script>
这三种方法都是异步执行的，也就是说，在加载这些脚本的同时，主页面的脚本继续运行，如果用以上的方法，那下面的代码将得不到预期的效果。
4、原理：用XMLHTTP取得要脚本的内容，再创建 Script 对象。
注意：a.js必须用UTF8编码保存，要不会出错。因为服务器与XML使用UTF8编码传送数据。
主页面代码：
<scriptlanguage="JavaScript">
functionGetHttpRequest()
{
if(window.XMLHttpRequest)//Gecko
returnnewXMLHttpRequest();
elseif(window.ActiveXObject)//IE
returnnewActiveXObject("MsXml2.XmlHttp");
}
functionAjaxPage(sId,url){
varoXmlHttp=GetHttpRequest();
oXmlHttp.OnReadyStateChange=function()
{
if(oXmlHttp.readyState==4)
{
if(oXmlHttp.status==200||oXmlHttp.status==304)
{
IncludeJS(sId,url,oXmlHttp.responseText);
}
else
{
alert('XMLrequesterror:'+oXmlHttp.statusText+'('+oXmlHttp.status+')');
}
}
}
oXmlHttp.open('GET',url,true);
oXmlHttp.send(null);
}
functionIncludeJS(sId,fileUrl,source)
{
if((source!=null)&&(!document.getElementById(sId))){
varoHead=document.getElementsByTagName('HEAD').item(0);
varoScript=document.createElement("script");
oScript.language="javascript";
oScript.type="text/javascript";
oScript.id=sId;
oScript.defer=true;
oScript.text=source;
oHead.appendChild(oScript);
}
}
AjaxPage("scrA","b.js");
alert("主页面动态加载JS脚本。");
alert("主页面动态加载a.js并取其中的变量："+str);
</script>
⑷ 如何在js文件中动态加载另一个js文件
用document.write方法来实现。
在js文件中动态加载另一个js文件代码及注释步骤：
<html>
<body>
<scripttype="text/javascript">
document.write("<scriptsrc='要引用js'></script>");
</script>
<p>write方法的使用</p>
</body>
</html>
定义和用法
write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。
语法
document.write(exp1,exp2,exp3,....)
⑸ 如何在html页面动态加载js文件
html引用外部js文件：<script type="text/javascript" src="js/index.js"></script>
其中src="js文件路径"