HTML标签

发表于 2022-06-10 | 更新于 2023-01-24 | 分类于 Major

script

defer 要等到整个页面在内存中 DOM 渲染结束与其他脚本执行之后，才会执行；
async 一旦下载完，渲染引擎就会中断渲染，执行改脚本，再继续渲染。defer 是“渲染完再执行”，async 是“下载完就执行”。

type 值	async	defer
描述	立即下载脚本，不妨碍其他操作，不依赖其他脚本，不阻塞文档	延迟脚本到文档被解析与显示之后
要点	下载完就执行	渲染完再执行
适用范围	外部引入脚本	外部引入脚本
多个执行顺序	不保证加载顺序	先后顺序

多个执行顺序指同时出现多个 type 设置为 async 或 defer 的 script 标签。
type=”module”是表明引入的是一个 ES6 模块脚本，其脚本内的模块需要遵循 ES6 模块规范，其他表现类似于 type 指定为 defer

本文首发于 skyline.show 欢迎访问，
文章实时更新，如果有什么错误或不严谨之处望请指出，十分感谢。
如果你觉得有用，欢迎到Github仓库点亮⭐️。

I am a bucolic migant worker but I never walk backwards.

参考资料如下列出，部分引用可能遗漏或不可考，侵删。

本文作者： Skyline(lty)

授权声明：本博客所有文章除特别声明外，均采用 CC BY - NC - SA 3.0 协议。转载请注明出处！