動態載入js腳本

Ⅰ 如何在html頁面動態載入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編碼傳送數據。