本文深入探讨了HTML中脚本加载属性defer与async的区别。defer确保脚本按顺序执行，不影响页面构建，通常在DOMContentLoaded事件前运行；而async则允许脚本异步下载，不保证执行顺序，可能在DOMContentLoaded前后执行，适用于不依赖于DOM结构的脚本。
defer
- 表明脚本在执行时不会影响页面的构造，脚本会延迟到整个页面都解析完毕后再运行(浏览器遇到</html>标签在执行)
- H5规范要求脚本按照他们出现的先后顺序执行
- 会先于DOMContentLoaded事件执行
- 只适用于外部脚本
- 支持Html5的实现会忽略给嵌入脚本设置的defer属性
- IE4-7支持，以后不支持
async
- 浏览器立即下载文件
- 并不保证按照他们出现的先后顺序执行
- 目的是不让页面等待两个脚本下载和执行，从而异步加载页面的其他内容
- 异步脚本不要在加载期间修改DOM
- 一定会在页面的load事件前执行，但可能在DOMContentLoaded事件触发之前或者之后执行
- 只适用于外部脚本
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
