DOMContentLoaded 与 load 事件的区别

DOMContentLoaded 事件：

• 当文档 DOM 完全加载并解析完成时触发，但不包括样式表、图片、脚本等资源的加载。
• 此时可以立即访问到页面上的所有元素，并且可以对它们进行操作。
• 适用于大多数需要在页面加载后立即执行的操作，如绑定事件、修改 DOM 等。

load 事件：

• 当整个页面（包括所有依赖资源，如样式表、图片、脚本等）都加载完毕时触发。
• 此时页面完全加载完成，所有资源都已经就绪。
• 适用于需要在页面所有资源加载完成后执行的操作，如图像预加载、统计分析等。