我试图了解 HTML 页面的生命周期。我在网上找不到任何好的资源。于是我在ie中打开了f12工具,自己做了一些实验。基于此,我得出了一些结论,有人可以告诉我我是否正确吗?
我的观察
1>当首先通过 HTTP 请求页面时,浏览器会接收 HTML 框架。此时没有向用户显示任何内容。
2>基于 HTML 骨架中的内容,会发出更多额外的资源请求(外部 JavaScript、css、图像等)
3>浏览器等待,直到它收到脚本和css资源的HTTP状态码。
4>一旦收到css和JavaScript的HTTP状态码,浏览器才开始从上到下加载文档,执行途中遇到的任何嵌入的JavaScript。
5>如果顶部嵌入的 JavaScript 引用底部的 HTML 元素,则 JavaScript 将失败。
6>一旦整个文档完成加载,jquery 事件 $(document).ready 就会被触发。(也就是说,如果我使用的是 JQuery)
7>浏览器不等待脚本和css以外的资源,因此图像等资源可能会在页面显示给用户后稍后加载。