11

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

4

1 回答 1

2

你说得很对。但这取决于代码(尤其是第 5、6 和 7 点)。例如,如果顶部的 JS 在 内$(document).ready,那么它不会失败。

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

于 2013-04-12T21:43:49.163 回答