如何跨浏览器准确计算 JavaScript 文档高度？

在 JavaScript 中计算文档高度：解决兼容性问题

确定文档的高度对于各种场景至关重要，例如绝对定位元素。然而，某些文档会带来挑战，导致使用标准方法时出现差异或不正确的值。

Fandango 和平装本交换是两个有问题的案例：

• 在 Fandango 上，$(document)。 height() 返回正确的值，而 document.height 和 document.body.scrollHeight 均为 0。
• On Paperback Swap，$(document).height() 抛出错误，document.height 和 document.body.scrollHeight 都返回错误的值。

这些不一致的原因在于不同的值浏览器计算文档大小的方式不同。为了解决这个问题，有必要采用以下公式：

var body = document.body,
    html = document.documentElement;

var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );

此方法可确保获得最高的高度值，无论使用何种浏览器。

这一点很重要请注意，在完全加载之前测试文档的高度将始终导致值 0。此外，对文档或窗口大小调整的任何后续更改可能需要重新计算高度。要处理此类情况，请利用 onload 或文档就绪事件。

以上是如何跨浏览器准确计算 JavaScript 文档高度？的详细内容。更多信息请关注PHP中文网其他相关文章！