在 JavaScript 中,可以通过监听 `DOMContentLoaded` 或 `load` 事件来检测 DOM 是否已经加载完毕。 `DOMContentLoaded` 事件会在 DOM 加载完成后立即触发,而不必等待样式表、图像和子框架的完全加载。这个事件在页面加载时就可以执行,因此通常比 load 事件更快。 以下是一个使用 `DOMContentLoaded` 事件的示例: ```javascript document.addEventListener("DOMContentLoaded", function(event) { // 在 DOM 加载完成后执行代码 }); ``` 如果需要等待整个页面和所有资源加载完成后再执行代码,可以使用 load 事件。这个事件会在整个页面(包括样式表、图像和子框架)加载完成后触发。 以下是一个使用 load 事件的示例: ```javascript window.addEventListener("load", function(event) { // 在整个页面和所有资源加载完成后执行代码 }); ``` 需要注意的是,如果在 `DOMContentLoaded` 事件中使用了外部资源(如外部脚本或样式表),这些资源可能还没有完全加载完成,因此可能会影响页面的渲染。如果需要确保所有资源都已经加载完成,建议使用 load 事件。