关于javascript:script标签asyncdefer的区别

33次阅读

共计 338 个字符,预计需要花费 1 分钟才能阅读完成。

一般 script:立刻申请文件,并且阻塞渲染引擎,js 文件加载实现后阻塞渲染引擎并立刻执行文件内容

async 属性:立刻申请文件,但不阻塞渲染引擎,js 文件加载实现后阻塞渲染引擎并立刻执行文件内容(多个应用 async 引入的脚本不保障按引入程序执行)

defer 属性 :立刻申请文件,但不阻塞渲染引擎,等到 html 解析实现后(DOMContentLoaded 事件调用前) 再执行文件内容(多个应用 defer 引入的脚本会按引入程序执行)

type=”module” 属性 :浏览器依照ECMA Script 6 规范将文件当做模块进行解析,默认阻塞成果同defer,也能够配合 async 在申请实现后立刻执行

具体成果如图:

绿色的线示意解析 html,蓝色的线示意申请文件,红色的线示意执行 script 代码

正文完
 0