DOMContentLoaded事件：DOMContentLoaded事件在 HTML 文档完全加载并解析完成后触发，但在图片、样式表和子框架等外部资源加载之前触发。换句话说，当 DOM 树构建完成后，即所有的 HTML 被解析成 DOM 对象后，DOMContentLoaded事件就会被触发。这意味着在这个时刻，页面的结构已经可以操作，但不一定所有的外部资源都已经下载完成。load事件：load事件则是在整个页面及其所有关联资源（如图片、样式表、脚本等）全部加载完成后触发。包括 DOM 树的构建、外部资源的加载以及所有相关的事件处理程序和样式表的应用。换句话说，只有当整个页面及其所有资源加载完毕后，load事件才会被触发。
所以，总的来说，DOMContentLoaded 事件表示 HTML 文档的结构已经可以操作，但不一定所有外部资源都已经加载完成；而 load 事件则表示整个页面及其所有关联资源都已经加载完成。
在实际应用中，如果你需要在页面结构构建完成后立即执行一些操作，可以使用 DOMContentLoaded 事件；如果需要等到整个页面及其所有资源加载完成后再执行操作，可以使用 load 事件。
