延迟加载js文件
延迟加载js文件为了加快网站的打开速度,我们可以在web页面完全加载后,再加载外部js文件。
延迟加载JavaScript的方法
等整个文档加载完后,再加载外部文件 "default.js"
<script type="text/javascript">
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;
</script>
说明
1、复制上面代码、粘贴到HTML的</body>标签前 (靠近HTML文件底部),修改“default.js”为你的外部JS文件名
2、不应该把那些页面正常加载需要依赖的javascript代码放在这里。
3、将JavaScript代码分成两组
一组是因页面需要而立即加载的javascript代码,另外一组是在页面加载后进行操作的javascript代码(例如添加click事件或其他东西)。这些需等到页面加载后再执行的JavaScript代码,应放在一个外部文件,然后再引进来。