如何延迟加载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