DOMContentLoaded 事件在 HTML 文档解析完成，并且所有的 DOM 元素已经创建完成，但是在页面的样式表、图像和子框架之类的外部资源加载完成之前触发。这个事件通常用于在页面完全加载之前执行一些JavaScript代码，而无需等待其他资源的加载。

DOMContentLoaded 事件相较于 load 事件而言更早触发。load 事件要等到所有资源都加载完毕，包括样式表、图像等外部资源，才会触发。而 DOMContentLoaded 的触发表示文档结构已经可以被访问和操作，但可能并不包含所有外部资源的完整内容。

document.addEventListener('DOMContentLoaded', function() {
    // 在这里写你希望在DOM准备就绪时执行的代码
    console.log('DOM已准备就绪');
});