DOMContentLoaded 事件怎么使用啊

要使用 `DOMContentLoaded` 事件，你可以通过 JavaScript 来添加一个事件监听器。下面是一个使用 `DOMContentLoaded` 事件的示例：

document.addEventListener("DOMContentLoaded", function() {
  // 在这里编写在文档加载完成后需要执行的代码
  console.log("文档已加载完成");
});

在上述示例中，我们使用 `addEventListener` 方法来注册一个 `DOMContentLoaded` 事件的监听器。当整个 HTML 文档加载完成并解析后，事件监听器中的代码将被执行。

你可以在事件监听器中编写你需要在文档加载完成后执行的代码。这可以包括操作 DOM 元素、发送请求、绑定事件处理程序等等。在示例中，我们简单地使用 `console.log` 输出一条消息表示文档已加载完成。

请确保将上述代码放置在你希望监听 `DOMContentLoaded` 事件的地方，通常是在 `<script>` 标签中或外部的 JavaScript 文件中。这样，当文档加载完成时，事件监听器中的代码将被触发执行。

相关问题

JS中的DOMContentLoaded 事件该怎么写

DOMContentLoaded 事件是在 DOM 树加载完成后触发的事件，它表示页面的 HTML 结构已经被解析成了 DOM 树，但是样式表、图片等外部资源可能还未加载完成。

在 JavaScript 中，可以通过 addEventListener() 方法来注册 DOMContentLoaded 事件的监听器，例如：

document.addEventListener('DOMContentLoaded', function() {
  // 页面的 DOM 树已经加载完成，可以进行一些 DOM 操作了
});

需要注意的是，DOMContentLoaded 事件只会在页面的 DOM 树加载完成后触发一次，如果在 DOMContentLoaded 事件回调函数中动态地添加了新的 DOM 元素，不会触发新的 DOMContentLoaded 事件。如果需要在新的 DOM 元素加载完成后执行一些操作，可以使用 MutationObserver 监听 DOM 树变化事件。

在DOMContentLoaded事件中获得当前网页的标题

可以使用`document.title`属性获取当前网页的标题。在`DOMContentLoaded`事件中，可以像这样获取页面标题：

document.addEventListener('DOMContentLoaded', () => {
  console.log(document.title);
});

在上面的示例中，我们在`DOMContentLoaded`事件监听器中打印了当前页面的标题。当页面加载完成后，`console.log`语句将输出当前页面的标题。