获取文档高度和宽度

获取文档高度

我们可以通过使用 ​​documentElement.scrollWidth/scrollHeight​​ 来测量文档的完整大小。

但是在该元素上，对于整个文档，这些属性均无法正常工作。在 Chrome/Safari/Opera 中，如果没有滚动条，​​documentElement.scrollHeight​​​ 甚至可能小于 ​​documentElement.clientHeight​​

为了可靠地获得完整的文档高度，我们应该采用以下这些属性的最大值：

// 全高，包括滚动部分
const fullHeight = Math.max(
  document.body.scrollHeight,
  document.documentElement.scrollHeight,
  document.body.offsetHeight,
  document.documentElement.offsetHeight,
  document.body.clientHeight,
  document.documentElement.clientHeight
)

获取文档宽度

// 全宽，包括滚动部分
const fullWidth = Math.max(
  document.body.scrollWidth,
  document.documentElement.scrollWidth,
  document.body.offsetWidth,
  document.documentElement.offsetWidth,
  document.body.clientWidth,
  document.documentElement.clientWidth
)