動態加載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的順序是不定的。


遇到需要同步執行腳本的時候,可以用下面的第四種方法。 


4,原理:用XMLHTTP取得要腳本的內容,再創建 Script 對象。 


發佈了14 篇原創文章 · 獲贊 7 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章