script标签中defer和async的区别

刘嘿哈

发布于 2022-10-25 14:07:12

1.1K0

文章被收录于专栏：js笔记js笔记

<scripte defer></scripte>

浏览器指示脚本在⽂档被解析后执⾏，存在多个scripte时，scripte被异步加载后并不会⽴刻执⾏，⽽是等待⽂档被解析完毕后执⾏。并且它是按照加载顺序执行脚本的

<scripte async></scripte>

浏览器指示脚本在文档被解析后立即执行，存在多个scripte时，下载快的先执行，这导致async属性下的脚本是乱序的，对于script有先后依赖关系的情况，并不适⽤。

<scripte></scripte>

解析到scripte，停止html解析，开始下载scripte，下载完就执行

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021-02-01，如有侵权请联系 cloudcommunity@tencent.com 删除