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代碼得不到預期的效果的情況。這時候可以考慮采用Ajax加載Js的方法。

大概原理 ：用XMLHTTP取得要腳本的內容，再創建 Script 對象。另外註意編碼的保持壹致。因為服務器與XML使用UTF8編碼傳送數據。