HTML页面生命周期

Question

我试图了解HTML页面的生命周期。我在网上找不到任何好的资源。所以我在ie中打开了f12工具，并自己做了一些实验。基于此我得出了一些结论，有人可以告诉我，如果我是对的吗？

我的观察

1＆gt;当首先通过HTTP请求页面时，浏览器会收到HTML框架。此时，没有任何内容显示给用户。

2＆gt;根据HTML框架中的内容，会为资源发送更多其他请求（外部JavaScript，CSS，图像等）

3＆gt;浏览器等待，直到收到脚本和css资源的HTTP状态代码。

4＆gt;收到css和JavaScript的HTTP状态代码后，浏览器才开始从上到下加载文档，执行在途中遇到的任何嵌入式JavaScript。

5＆gt;如果顶部嵌入的JavaScript引用底部的HTML元素，则JavaScript将失败。

6＆gt;整个文档完成加载后，将触发jquery事件$（document）.ready。 （那就是我使用的是JQuery）

7＆gt;浏览器不会等待脚本和css以外的资源，因此在向用户显示页面后，可以稍后加载像图像这样的资源。

Answer 1

你几乎把它弄错了。 但这取决于代码（特别是第5,6和7点）。例如，如果顶部的JS在$(document).ready之内，那么它就不会失败。

其次，我更喜欢Firefox F12或Chrome F12而不是IE。它们非常详细且对开发人员友好。请参阅其中的NET标签以进一步了解。它将显示调用和加载资源的确切顺序，这是您主要查找的内容。