首页 > Web开发 > 详细

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

时间:2015-07-27 09:19:56      阅读:228      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!