如何在js文件中动态加载另一个js文件？

1、直接document.write\x0d\x0a\x0d\x0adocument.write("")\x0d\x0a\x0d\x0a\x0d\x0a2、动态改变已有script的src属性\x0d\x0a

有三种方法可以实现，分别如下：

第一种、直接document.write：

<script language="javascript">

document.write("<script src='test.js'><\/script>")

</script>

第二种、动态改变已有script的src属性

<script src='' id="s1"></script>

<script language="javascript">

s1.src="test.js"

</script>

第三种、动态创建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>

注意：第三种方法使用时，请注意路径。

动态创建 script 标签，就可以加载了，简单写个 demo，未测试，仅提供思路：

var script = document.createElement( 'script' )

script.type = 'text/javascript'

script.src = 'http://******************.js'

script.onload = function() {

    console.log( ' Done' )

}

document.getElementsByTagName( 'head' )[ 0 ].appendChild( script )

上面代码需要注意几点：

一些旧版本IE可能不支持 script 的 onload，需要使用 onreadystatechange。

插入节点是，严谨的话，需要判断一下是否有<base>标签存在

---