JavaScript 获取身体高度

在前端开发中获取页面元素的高度是非常常见的，而身体高度也是一个需要获取的重要指标。本文将介绍在 JavaScript 中如何获取身体高度。

方法一

使用 document.body.offsetHeight 获取身体高度。

const bodyHeight = document.body.offsetHeight;
console.log(bodyHeight);

这种方法要求 HTML 和 body 元素的高度必须设置为 100%。否则将得到不正确的高度值。

方法二

使用 document.documentElement.clientHeight 获取身体高度。

const bodyHeight = document.documentElement.clientHeight;
console.log(bodyHeight);

这种方法要求 HTML 和 body 元素的高度必须设置为 100%。但相对于方法一，使用 document.documentElement.clientHeight 获取身体高度更准确。

方法三

使用 window.innerHeight 获取身体高度。

const bodyHeight = window.innerHeight;
console.log(bodyHeight);

这种方法不要求 HTML 和 body 元素高度必须设置为 100%，但在移动设备上有一些小问题。

总结

正确获取身体高度需要正确设置 HTML 和 body 元素的高度，方法二对于绝大多数情况都是准确的。在移动设备上，方法三为最佳选择。

以上就是 JavaScript 获取身体高度的方法，希望对你有所帮助。