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

时间：2021-03-10 07:53:21

有时候我们需要动态的加入适合的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>

相关文章