如何在 JavaScript 中取得螢幕、視窗和頁面尺寸？

決定跨瀏覽器的螢幕和視窗尺寸

Web 開發人員通常需要取得使用者螢幕、目前網頁和瀏覽器視窗的精確測量值。雖然具體方法可能因瀏覽器而異，但有一些既定的方法用於檢索這些尺寸。

擷取螢幕和視窗尺寸

要決定使用者螢幕的尺寸，請使用下列方法屬性：

• screenWidth
• screenHeight

對於瀏覽器視窗尺寸，請使用這些屬性：

• windowWidth
• windowHeight

擷取頁面尺寸

到測量目前網頁的尺寸，可以使用JavaScript或jQuery.

JavaScript:

document.documentElement.scrollHeight; // pageHeight
document.documentElement.scrollWidth; // pageWidth

jQuery:

$(document).height(); // pageHeight
$(document).width(); // pageWidth

確定滾動位置>要查找當前文檔中的滾動位置，請使用這些屬性：

pageX

• pageY
• 瀏覽器相容性

上述內容方法得到主流瀏覽器的廣泛支持，包括Chrome、Firefox、Edge 和 Safari。但是，始終建議在多個瀏覽器中測試您的程式碼以確保交叉相容性。

以上是如何在 JavaScript 中取得螢幕、視窗和頁面尺寸？的詳細內容。更多資訊請關注PHP中文網其他相關文章！