HTML页面生命周期

概述我试图了解 HTML页面的生命周期.我在网上找不到任何好的资源.所以我在ie中打开了f12工具并自己做了一些实验.基于此我得出了一些结论,有人可以告诉我,如果我是对的吗？ 我的观察 1>当首先通过HTTP请求页面时,浏览器接收HTML框架.此时,不向用户显示任何内容. 2>根据HTML框架中的内容,为资源发送了一些更多的附加请求(外部JavaScript,CSS,图像等) 3>浏览器等待,直到它收 我试图了解 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页面生命周期全部内容，希望文章能够帮你解决HTML页面生命周期所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。