為什麼在 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中文網其他相關文章！