动态加载js脚本文件的几种方法
墨初 Web前端 694阅读
在前端的web设计中，由于某些需要可能会对一些JS文件进行动态的加载。而这里的动态加载js文件也需要用js脚本来完成，下面的博文中就简单的介绍一下。
js动态加载js文件的方法
方法1：
使用 document.write 加载js文件，不过博客不建议使用这个方法。
下面是示例代码，将其放到html页面中需要加载js文件的位置即可。
document.write("<script src="test.js"><\/script>");方法2：
动态改变已有的js文件加载，一般都是由某个事件触发的。
<script src="" id="s1"></script> <script language="javascript"> s1.src="test.js" </script>
方法3：
下面的js代码可以在页面的head标签中创建一个js的引用链接。
var theHead = document.getElementsByTagName('head').item(0);
//创建脚本的dom对象实例
var myScript = document.createElement('script');
myScript.src = 'js文件路径'; //指定脚本路径
myScript.type = 'text/javascript'; //指定脚本类型
myScript.defer = true; //程序下载完后再解析和执行
theHead.appendChild(myScript); //把dom挂载到头部以上就是关于js脚本动态加载js文件的几种方法，当然也有其它更好的方法，上面只做个参考即可。