如何通过js实现动态加载脚本

JavaScript017

如何通过js实现动态加载脚本,第1张

首先，声明方法很多种，直接间接的方法都有，只罗列一般情况下的两种模式： 假设我们要装入的代码是a.js： var foo=function(){ document.write("I am a.js content foo() function by never-online")}一。直接插入src，这种方法简单而直接...

html页面动态加载js文件脚本的方法。

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的同时，主界面的Js脚本是继续执行的，所以可能出现通过异步加载的Js代码得不到预期的效果的情况。