首頁 > web前端 > js教程 > 如何在 JavaScript 中取得螢幕、視窗和頁面尺寸?

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

Susan Sarandon
發布: 2024-12-18 09:10:12
原創
372 人瀏覽過

How Do I Get Screen, Window, and Page Dimensions in 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板