动态加载js脚本文件的几种方法
在前端的web设计中,由于某些需要可能会对一些JS文件进行动态的加载。而这里的动态加载js文件也需要用js脚本来完成,下面的博文中就简单的介绍一下。
js动态加载js文件的方法
方法1:
使用 document.write 加载js文件,不过博客不建议使用这个方法。
下面是示例代码,将其放到html页面中需要加载js文件的位置即可。
document.write("
s1.src="test.js"
方法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文件的几种方法,当然也有其它更好的方法,上面只做个参考即可。