获取文档高度 js - Javascript

在Web开发中，获取文档高度是一项非常常见的任务。当我们需要根据文档高度来进行一些布局或滚动操作时，就需要用到获取文档高度的方法。

在Javascript中，获取文档高度有多种方式，下面我们将介绍其中的几种常见方法。

方法一 - 通过document.body.scrollHeight获取

最简单的获取文档高度的方法是通过document.body.scrollHeight来获取。这个属性会返回整个文档（包括滚动部分）的高度。我们可以使用以下代码来获取文档高度：

const docHeight = document.body.scrollHeight;
console.log("文档高度是：" + docHeight + "px");

需要注意的是，当文档高度小于视口高度时，这个属性会返回视口高度而不是文档高度。因此在这种情况下，我们需要使用其他方法来获取文档高度。

方法二 - 通过document.documentElement.scrollHeight获取

与方法一类似，我们也可以使用document.documentElement.scrollHeight来获取文档高度。这个属性返回的是HTML元素的整个高度，包括滚动部分和border。

以下是通过document.documentElement.scrollHeight获取文档高度的代码：

const docHeight = document.documentElement.scrollHeight;
console.log("文档高度是：" + docHeight + "px");

方法三 - 通过document.scrollingElement.scrollHeight获取

在一些新的浏览器中，我们还可以通过document.scrollingElement属性来获取文档高度。这个属性会返回当前 view port 内被滚动的可见区域对应的元素（一般是标签）。

以下是通过document.scrollingElement.scrollHeight获取文档高度的代码：

const docHeight = document.scrollingElement.scrollHeight;
console.log("文档高度是：" + docHeight + "px");

通过这几种方法，我们可以轻松地获取文档的高度，从而进行相应的布局和滚动操作。

以上是获取文档高度 js - Javascript的介绍，希望对各位程序员有所帮助。