如何可靠地確定 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.offsetHe ight

程式碼實作

以下程式碼範例實作了此方法：

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

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

注意事項

• 在文件準備就緒之前測試文件高度將結果為零。
• 動態內容或視窗大小可能需要調整重新測試。
• 使用 onload 或文件就緒事件進行初步計算；否則，視需要進行測試。

以上是如何可靠地確定 JavaScript 中的文檔高度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！