【问题标题】:What's the difference between "DOMContent event" and "load event"“DOMContent 事件”和“加载事件”有什么区别
【发布时间】:2012-01-27 09:04:50
【问题描述】:

在 chrome 的开发者工具中,蓝色竖线标记为“DOMContent 事件触发”,红线标记为“加载事件触发”。 “DOMContent 事件被触发”是否意味着浏览器开始执行内联 javascript?而“加载事件触发”意味着它触发“onload”事件?

【问题讨论】:

标签: javascript google-chrome dom-events javascript-debugger


【解决方案1】:

“DOMContent Event”来自 webkit(chrome 依赖),相当于 DOMContentLoaded msdnmdn。

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

请参阅demo here、related question。

【讨论】:

    【解决方案2】:

    DOMContentLoaded 事件在文档完全加载和解析后触发,无需等待样式表、图像和子框架完成加载(加载事件可用于检测完全加载的页面)。

    【讨论】:

      【解决方案3】:

      DOMContentLoaded 事件在文档完全加载和解析后触发,无需等待样式表、图像和子框架完成加载(加载事件可用于检测完全加载的页面)。

      查看Difference between DOMContentLoaded and Load events

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2012-09-07
        • 1970-01-01
        • 2014-03-12
        • 2011-02-11
        • 2013-03-04
        • 2010-11-09
        • 2013-08-29
        相关资源
        最近更新 更多