html - 为什么 Load 事件发生在 DOMContentLoaded 之前

标签 html dom load domcontentloaded

简单的文档👇

<html lang="en">
  <body>
    <div>xxx</div>
  </body>
</html>

我发现 Load 事件发生在 DOMContentLoaded 之前,我很困惑。

我知道当文档和静态资源加载时会触发Load事件,当文档加载时会触发DOMContentLoaded。这是否意味着 Load 总是在 DOMContentLoaded 之后?

enter image description here

最佳答案

DOMContentLoaded event当 HTML 文档下载完毕且 DOM tree has been parsed 时触发.

load event如果所有资源都已下载(HTML 文档、图像、样式表等),则触发。

通常,load 事件发生在 DOMContentLoaded 事件之后,因为解析 DOM 树比下载所有资源要快得多。但在您的情况下,只有 HTML 资源。因此,加载将在 DOMContentLoaded 之前的几分秒之前进行,因为两者都加载 HTML,但 DOMContentLoaded 还必须等待解析树。

enter image description here

关于html - 为什么 Load 事件发生在 DOMContentLoaded 之前,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69503436/

相关文章:

javascript - 更新热图数据,简单的 google HeatMap

c# - 解码 HTML 字符串,其中&符号编码为\\x26

php - getElementByTagName 和 getAttribute 区分大小写 - PHP

php - 将参数从一个 PHP 页面传递到另一个页面 - 它总是获得最大的 (MySQL)

python - 使用 chromedriver 在 Selenium Python 中禁用图像

javascript - 未捕获错误 : _registerComponent(. ..):目标容器不是 DOM 元素

javascript - jQuery:按类更新带有日期选择器输入值的 span 标签?

javascript - 无法从动态加载的脚本中读取 DOM 属性

jquery - 加载后淡入图像

jquery - 使用 jQuery .load() 回调和图像