DomContentLoaded和load事件

DOMContentLoaded 事件

• 触发时机：当初始的 HTML 文档 被完全加载和解析完成，不等待样式表、图片和子框架的加载时，DOMContentLoaded 事件会被触发。
• 关注内容：DOMContentLoaded 事件关注的是 HTML 文档的解析和加载，它不关心外部资源（如图片、样式表和脚本）是否已加载完毕。
• 常用场景：适合在 HTML 元素加载完成后立即进行操作，如 DOM 操作、事件绑定等，通常比 load 事件更早触发。

load 事件

• 触发时机：load 事件会在 页面的所有资源（包括 HTML、CSS、JavaScript、图片、视频、音频等）都加载完成之后触发。也就是说，load 会等到页面的所有资源都下载完毕后才触发。
• 关注内容：load 事件不仅仅关注 HTML 文档的加载，还包括页面上的所有外部资源的加载情况。因此，它比 DOMContentLoaded 事件晚触发，通常用来确保所有资源完全加载后执行某些操作（例如，初始化图片画廊、动态内容等）。