动态加载Js文件的三种艺术

相见须要加载多个Js文件的情事,使用选用性的动态加载Js
,能够升高页面突显的进程和频率。

下边介绍三种异步执行加载Js 脚本的主意。

1、直接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>

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的不2诀要。

差不离原理 :用XMLHTTP取得要脚本的剧情,再次创下造 Script
对象。别的注意编码的保持1致。因为服务器与XML使用UTF捌编码传送数据。

相关文章