Skip to main content

HTML 加载机制（HTML 执行顺序）

共 6 部：

  • 解析 HTML 结构
  • 加载外部脚本和样式表文件
  • 解析并执行脚本代码
  • 构造 HTML DOM 模型
  • 加载图片等外部文件
  • 页面加载完毕

阐述版​

  1. IE 下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。
  2. 在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。
  3. 如果遇到语义解释性的标签嵌入文件（JS 脚本，CSS 样式），那么此时 IE 的下载过程会启用单独连接进行下载。
  4. 并且在下载后进行解析，解析过程中，停止页面所有往下元素的下载。
  5. 样式表在下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所有元素（含以前已经渲染的）重新进行渲染。
  6. JS、CSS 中如有重定义，后定义函数将覆盖前定义函数。

参考文章：​

https://www.kancloud.cn/zhenhuamcu/csslearn/371765 https://blog.csdn.net/qq_34817440/article/details/102253688 https://www.cnblogs.com/dengxiaoning/p/11681243.html https://blog.csdn.net/m0_37550086/article/details/77513676