conan1992 / blog

记录下知识点..
3 stars 0 forks source link

script标签中defer和async的区别 #19

Open conan1992 opened 4 years ago

conan1992 commented 4 years ago

默认情况下:脚本的下载和执行是按照文档顺序同步进行的,脚本下载和执行时,会阻塞文档的解析;当脚本下载和执行完毕时才会继续文档解析;

async

当script标签中有async,脚本加载和文档加载异步执行的,当脚本下载完会停止html解析,执行脚本,等脚本执行完再继续html解析;

defer

当script标签中有defer,脚本加载和文档加载异步执行的,当文档解析完毕后触发DOMContentLoaded 事件前执行;