为什么在 JavaScript 中确定文档高度如此困难，可靠的解决方案是什么？

克服使用 JavaScript 计算文档高度的挑战

在某些网站上使用 JavaScript 确定文档高度会遇到困难。在 Fandango 和 Paperback Swap 等平台上，各种 JavaScript 方法无法产生准确的结果。

问题

• $(document).height() 返回Fandango 的正确值，但在平装本交换上引发错误。
• document.height 和document.body.scrollHeight 返回不正确或 null 值。
• 将 padding-bottom 应用于 ;元素对这些有问题的页面没有影响。

解决方案：综合方法

要准确确定文档高度，需要综合方法：

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

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

此代码计算所有可用的最大高度值选项：

• body.scrollHeight
• body.offsetHeight
• html.clientHeight
• html.scrollHeight
• html.offsetHeight

注意事项

• 注意事项在文档加载之前计算文档高度将始终导致值为 0。
• 如果您动态添加内容或允许用户调整窗口大小，则可能需要重新计算文档高度。
• 使用加载或文档就绪事件将确保加载时准确的高度计算。

以上是为什么在 JavaScript 中确定文档高度如此困难，可靠的解决方案是什么？的详细内容。更多信息请关注PHP中文网其他相关文章！