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

说明

1、复制上面代码、粘贴到HTML的</body>标签前 (靠近HTML文件底部)，修改“default.js”为你的外部JS文件名

2、不应该把那些页面正常加载需要依赖的javascript代码放在这里。

3、将JavaScript代码分成两组

一组是因页面需要而立即加载的javascript代码，另外一组是在页面加载后进行操作的javascript代码(例如添加click事件或其他东西)。这些需等到页面加载后再执行的JavaScript代码，应放在一个外部文件，然后再引进来。

参考资料： 延迟加载js文件 http://www.studyofnet.com/news/901.html