javascript - IE9 F12 开发人员工具 - "Load(event)"和 "page has finished loading"有什么区别？

Question

我试图了解 Internet Explorer 9 的 F12 开发人员工具网络选项卡的一些输出。

关于 http://blogs.microsoft.co.il/linqed/2010/10/06/network-traffic-capturing-with-ie9-developer-tools/

Microsoft 将“Gap”定义为“请求完成与整个页面完成加载之间的时间间隔”，但在上面的示例中，您可以看到 Gap 远远超过了“Load(event) ".

那么，在“加载(事件)”和“整个页面已完成加载”之间，浏览器中可能发生了什么。它只是在onloadevent 中注册的Javascript 代码吗？还是会发生其他事情？

Answer 1

DOMContentLoaded 事件在 HTML 页面(及其脚本)被加载和解析后立即触发。

诸如外部样式表和图像之类的东西是异步请求的，因此所有这些请求都需要更长的时间才能返回。当他们回来时，触发 load 事件。这个事件就是IE9调用的Load(event)。

找到一个很好的插图here .