由document.body和document.documentElement想到的

想要使用document.body或document.documentElement，需要先了解它们的含义。

document.documentElement代表了整个HTML文档，包括标签及其下的所有内容。而document.body代表了标签及其下的所有内容。在使用document.body或document.documentElement时，可以通过它们来获取或修改网页中的相关元素。

以下是两个有关document.body和document.documentElement的示例：

获取窗口高度

在网页中使用document.documentElement可以获取窗口的整个高度，因为它代表了整个HTML文档。

const windowHeight = document.documentElement.clientHeight;
console.log("窗口高度为：" + windowHeight);

禁用页面滚动

在某些情况下，需要禁用页面的滚动。使用document.body可以实现这一功能，因为它代表了标签及其下的所有内容。

document.body.style.overflow = 'hidden';

以上代码将禁用页面的滚动，因为它通过修改body的样式来实现。其中overflow属性表示元素内容溢出时是否显示滚动条。当值为hidden时，即表示禁用滚动条。

总体来说，document.body和document.documentElement都非常有用，在页面开发中经常会用到。它们可以帮助我们获取或修改网页上的任何元素，提高页面的交互性和用户体验。