HTML页面生命周期

前端之家收集整理的这篇文章主要介绍了HTML页面生命周期前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图了解 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以外的资源,因此在向用户显示页面之后可以稍后加载像图像这样的资源.

解决方法

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

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

猜你在找的HTML相关文章