开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >day004: script标签中defer和async的区别是什么？

day004: script标签中defer和async的区别是什么？

用户3806669

发布于 2021-03-10 20:54:20

3990

发布于 2021-03-10 20:54:20

举报

文章被收录于专栏：前端三元同学前端三元同学

day004: script标签中defer和async的区别是什么？

默认情况下，脚本的下载和执行将会按照文档的先后顺序同步进行。当脚本下载和执行的时候，文档解析就会被阻塞，在脚本下载和执行完成之后文档才能往下继续进行解析。

下面是async和defer两者区别：

当script中有defer属性时，脚本的加载过程和文档加载是异步发生的，等到文档解析完(DOMContentLoaded事件发生)脚本才开始执行。
当script有async属性时，脚本的加载过程和文档加载也是异步发生的。但脚本下载完成后会停止HTML解析，执行脚本，脚本解析完继续HTML解析。
当script同时有async和defer属性时，执行效果和async一致。

本文参与?腾讯云自媒体分享计划，分享自微信公众号。

原始发表：2019-10-20，如有侵权请联系?cloudcommunity@tencent.com 删除

本文分享自前端三元同学微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体分享计划? ，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

目录

day004: script标签中defer和async的区别是什么？