script标签的async和defer属性

asyncdefer均为script元素的属性

async: 表示立即下载脚本,但不应妨碍页面中的其他操作,比如下载资源或等待加载其他脚本。不让页面等待两个脚本下载和执行,从而异步加载页面其他内容。async='async'

defer: 表示脚本可以延迟到文档完全被解析和显示之后再执行。延迟脚本,defer='defer'脚本等到之后再执行
相同: 只对外部脚本有效

只要不存在asyncdefer属性,浏览器都会按照script元素再页面中出现的先后顺序对它们一次进行解析。

大白话:加上async或defer之后的脚本会在html解析的异步下载脚本,但是async是下载好了就立马执行,而defer是等html执行完毕之后再执行。

async、defer(图片参考自https://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html)

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值