码迷,mamicode.com
首页 > Web开发 > 详细

JS 动态加载脚本的4种方法

时间:2015-07-27 09:23:00      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

有时候我们需要动态的加入适合的js,因为有时候不需要将所有的js都加载进来,以来提高效率,但这种方法比较适合单个js文件比较大的情况

如果js文件都比较小,还是一个js好,这样可以减少连接数。下面是4种比较常用的方法,大家可以根据情况选择,最后脚本之家 将会给推荐一个。

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> 

 

JS 动态加载脚本的4种方法

标签:

原文地址:http://www.cnblogs.com/subtract/p/4679225.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!