HTML 页面生命周期

Question

我想了解 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 以外的资源，因此图片等资源可以在页面显示给用户后稍后加载。

Answer 1

你几乎答对了。但这取决于代码(尤其是第 5、6 和 7 点)。例如，如果顶部的 JS 在 $(document).ready 内，则不会失败。

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