本文探讨JavaScript异步加载的三种方式：Script DOM Element的async属性，IE专用的defer属性，以及自定义的异步加载函数。分析了它们对网页渲染的影响，提出将脚本放在底部以减少页面阻塞的建议。此外，文章分享了作者的前端开发经验，提供了一份全面的前端学习资料，帮助开发者提升技能并准备面试。
缺点：会照成网页的堵塞
建议：把<script>标签放在<body>结尾处，这样尽可能减少页面阻塞。
回到顶部 目录
异步加载又叫非阻塞加载，浏览器在下载执行js的同时，还会继续进行后续页面的处理
- 代码执行时间：当整个网页解析完，执行代码（在网页而加载完之前）
主要有三种方式：
- Script DOM Element（
<async>属性是HTML5中新增的异步支持）浏览器部分不支持
<script async></script>
(function(){
var scriptEle = document.createElement(‘script’);
scriptEle.type = “text/javascript”
scriptEle.async = true;
scriptEle.src = “xxx.js”;
var head = document.getElementsByTagName(“head”)[0];
head.insertBefore(scriptEle, head.firstChild);
})();
-
加载完就执行，只能加载外部脚本 W3C的标准
最低0.47元/天 解锁文章
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
