如何延遲加載js文件

‍‍‍‍例如：‍‍‍‍

等整個文檔加載完後，再加載外部文件 "default.js"

 

 


function downloadJSAtOnload() {

var element = document.createElement("script");

element.src = "default.js";

document.body.appendChild(element);

}

if (window.addEventListener)

window.addEventListener("load", downloadJSAtOnload, false);

else if (window.attachEvent)

window.attachEvent("onload", downloadJSAtOnload);

else window.onload = downloadJSAtOnload;

說明

一、複製上面代碼、粘貼到HTML的</body>標籤前 (靠近HTML文件底部)，修改「default.js」爲你的外部JS文件名

二、不該該把那些頁面正常加載須要依賴的javascript代碼放在這裏。

三、將JavaScript代碼分紅兩組

一組是因頁面須要而當即加載的javascript代碼，另一組是在頁面加載後進行操做的javascript代碼(例如添加click事件或其餘東西)。這些需等到頁面加載後再執行的JavaScript代碼，應放在一個外部文件，而後再引進來。

參考資料：  延遲加載js文件  http://www.studyofnet.com/news/901.html