博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

Posted on 2015-07-27 09:11  SmarTom  阅读(346)  评论(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>