动态加载Js文件的老三种方法

欣逢需要加载多独Js文件的景象,使用选择性的动态加载Js
,可以增长页面显示的速度和效率。

下面介绍三种异步执行加载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代码得无至预期的效益的动静。这时候可以设想使用Ajax加载Js的不二法门。

约原理 :用XMLHTTP取得而脚本的情节,再创 Script
对象。另外注意编码的保持一致。因为服务器和XML使用UTF8编码传送数据。

相关文章