“DOMContent事件”和“加载事件”之间有什么区别

Question

在chrome的Developer工具中，标有“DOMContent event fired”的蓝色垂直线，红线表示“加载事件已触发”。 “DOMContent事件被触发”是否意味着浏览器开始执行内联javascript？并且“加载事件已触发”意味着它会触发“onload”事件？

Answer 1

“DOMContent Event”来自webkit（chrome依赖于此），并且与DOMContentLoaded ^{msdn mdn} 等同。

当解析当前页面时，会触发DOMContentLoaded事件;所有文件从所有资源（包括广告和图像）加载完成后，load（onload）事件将触发。 DOMContentLoaded是一个很棒的事件，用于将UI功能连接到复杂的网页。

请参阅demo here，related question。

Answer 2

在完全加载和解析文档时触发DOMContentLoaded事件，而不等待样式表，图像和子帧完成加载（加载事件可用于检测完全加载的页面）。

Answer 3

  

在完全加载和解析文档时触发DOMContentLoaded事件，而不等待样式表，图像和子帧完成加载（加载事件可用于检测完全加载的页面）。

检查Difference between DOMContentLoaded and Load events