Js异步加载

只适用于外部脚本

defer:延迟脚本,立即下载,延迟执行,加载后续文档的过程和脚本的加载并行进行(异步),执行延迟到整个页面都被解析完毕,即遇到</html>后执行,DOMContentLoaded事件触发之前完成,按照加载顺序执行脚本

async:异步脚本,立即下载并执行,加载和渲染后续文档的过程将和js脚本的加载和执行并行进行(异步),加载顺序不定,在页面Load时间执行前执行

DOM文档加载步骤

解析HTML结构

加载外部脚本和样式表文件

解析并执行脚本代码

DOM树构建完成//DOMContentLoaded

加载图片等外部文件

页面加载完毕//Load

猜你喜欢

转载自blog.csdn.net/wwjwy123/article/details/80888749
今日推荐