浏览器解析HTML过程

注意一下几点:

  1. 解析过程遇到script时,如果此时浏览器尚未完成cssom的下载构建,浏览器会延迟脚本执行和DOM构建,直到浏览器完成cssom构建

  2. 向script标记添加异步关键词,可以指示浏览器在脚本等待执行的过程中不暂停DOM构建,让脚本就绪之后再执行脚本

  3. 在开发中我们可以在script中声明两个属性来控制外部脚本的执行:defer和async,下面分别解释了他们的用法:

    defer:用于开启新的线程下载脚本文件,并使脚本在文档解析完成后执行。
    async:HTML5新增属性,用于异步下载脚本文件,下载完毕立即解释执行代码。


原文地址:https://www.cnblogs.com/linhongjie/p/12788205.html