如何延迟加载js文件

最新推荐文章于 2023-03-30 14:04:12 发布

powerx_yc

最新推荐文章于 2023-03-30 14:04:12 发布

阅读量242

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2428791/blog/488635

版权

2019独角兽企业重金招聘Python工程师标准>>>

‍‍‍‍例如：‍‍‍‍

等整个文档加载完后，再加载外部文件 "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

转载于:https://my.oschina.net/u/2428791/blog/488635