script标签不带属性与带async、defer的区别

本文详细解释了HTML中script标签的async与defer属性的区别。async属性允许浏览器并发下载并执行脚本,而不会阻塞页面解析;defer则将脚本执行推迟到文档解析完成之后。两者均可提高页面加载效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script>
当页面解析到script标签时,会停止解析并下载对应的脚本,并马上执行,执行完毕后再继续解析页面


<script async>
async 在下载脚本的同时不会停止解析HTML,但是在下载完成后会停止解析并开始执行,执行完毕后继续解析页面


<script defer>
defer 下载脚本时跟async一样不会停止解析HTML,下载完毕后会延迟到页面解析完后执行


async跟defer都只对外部脚本有效,IE7及更早的版本对嵌入脚本也支持defer;

另外,HTML5规范中,defer要按照顺序执行,但实际上defer跟async都不一定会按照顺序执行




参考:http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值