javascript - 每个网页都有 DOM 和 body 元素吗？

Question

我正在使用 Stencil.js 实现前端应用程序。我们打算将 Stencil 应用程序嵌套在 Web 应用程序的每个页面上，这些页面都使用不同的技术。我们有一些页面是 Angular 应用程序，其他页面是用 React 制作的，等等。

在 Stencil 应用程序中，我想修改后台网页上的“body”元素，以便我可以在不同时间禁用滚动条。我可以轻松地调用“document.body”，但我不知道这是否始终可用，具体取决于网页的类型。无论使用什么技术，每个网页是否都包含 DOM 以及“body”元素？

如果我需要澄清这一点，我说的是网络浏览器中加载的可视网页。

Answer 1

一般来说是的，但也有异常(exception)。

document.body 是一个 getter，每次您在代码中引用它时，它都会查找 body 元素。如果您的代码在创建 body 元素之前执行，或者即使有一个，您也会得到 null。您可能尚未准备好 document.body 的常见情况是，当您在 head 元素中有同步脚本标记时，或者您的应用程序是设置为执行的浏览器扩展时在页面加载之前。