星空网 > 软件开发 > Java

JavaScript标记上的defer与async的作用与区别

浏览器遇到 script 标签时,文档的解析将停止,并立即下载并执行脚本,脚本执行完毕后将继续解析文档。但是我们可以将脚本标记为 defer,这样就不会停止文档解析,等到文档解析完成才执行脚本,也可以将脚本标记为 async,以便由其他线程对脚本进行解析和执行。

三者之间的区别?

script

当浏览器遇到 script 标签时,文档的解析将停止,并立即下载并执行脚本,脚本执行完毕后将继续解析文档。

defer script

当浏览器遇到 script 标签时,文档的解析不会停止,其他线程将下载脚本,待到文档解析完成,脚本才会执行。

async script

当浏览器遇到 script 标签时,文档的解析不会停止,其他线程将下载脚本,脚本下载完成后开始执行脚本,脚本执行的过程中文档将停止解析,直到脚本执行完毕。

JavaScript标记上的defer与async的作用与区别

什么情况下使用 defer 和 async?

  1. 如果脚本不依赖于任何脚本,并不被任何脚本依赖,那么则使用 defer。
  2. 如果脚本是模块化的,不依赖于任何脚本,那么则使用 async。

转载自:http://www.webhek.com/javascript-defer-async




原标题:JavaScript标记上的defer与async的作用与区别

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

济南嘉华旅行社:https://www.vstour.cn/t/济南嘉华旅行社.html
济南嘉华旅游团:https://www.vstour.cn/t/济南嘉华旅游团.html
济南嘉华新世纪影城:https://www.vstour.cn/t/济南嘉华新世纪影城.html
济南驾校哪家好:https://www.vstour.cn/t/济南驾校哪家好.html
济南驾校团购:https://www.vstour.cn/t/济南驾校团购.html
济南金都大酒店:https://www.vstour.cn/t/济南金都大酒店.html
北京奥森公园桃花谷要门票吗?需要预约吗?:https://www.vstour.cn/a/335169.html
北京奥森公园桃花谷坐地铁怎么走?:https://www.vstour.cn/a/335170.html
相关文章
我的浏览记录
最新相关资讯
跨境电商服务平台 | 深圳旅行社 | 东南亚物流