如何可靠地确定 JavaScript 中的文档高度？

使用 JavaScript 确定文档高度

由于浏览器兼容性问题，在 JavaScript 中获取文档的正确高度可能是一个挑战。虽然所有浏览器都提供 clientHight 和 scrollHeight 等属性，但它们的计算方式有所不同。

Fandango 和 Paperback Swap 示例

在 Fandango 和 Paperback Swap 等网站上，传统方法如 $ (document).height()、document.height 和 document.body.scrollHeight 失败或返回不准确

最佳实践：最大高度计算

为了解决这个问题，出现了最佳实践：从所有可用来源确定最大高度。这包括：

• document.body.scrollHeight
• document.body.offsetHeight
• document.documentElement.cli entHeight
• document.documentElement.scrollHeight
• document.documentElement.offsetHeight

代码实现

以下代码示例实现了此方法：

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

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

注意事项

• 在文档准备就绪之前测试文档高度将结果为零。
• 动态内容或窗口大小可能需要调整重新测试。
• 使用 onload 或文档就绪事件进行初始计算；否则，根据需要进行测试。

以上是如何可靠地确定 JavaScript 中的文档高度？的详细内容。更多信息请关注PHP中文网其他相关文章！