hi,欢迎访问本站!
当前位置: 首页Web前端正文

动态加载js脚本文件的几种方法

墨初 Web前端 509阅读

在前端的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文件的几种方法,当然也有其它更好的方法,上面只做个参考即可。

声明:无特别说明,转载请标明本文来源!
相关推荐