javascript 提供了5種獲取頁面高度的方法:獲取可見區域高度:window.innerheight獲取文檔高度:document.documentelement.scrollheight獲取窗口高度:window.outerheight獲取內容高度:document.body.scrollheight獲取可用屏幕高度:screen.availheight
如何在 JavaScript 中獲取頁面高度
JavaScript 提供了多種方法來獲取頁面高度,具體取決于您需要的高度類型。
獲取可見區域高度
如果只關心當前可見區域的高度,可以使用 window.innerHeight:
let visibleHeight = window.innerHeight;
登錄后復制
獲取文檔的高度
如果需要獲取整個文檔的高度,包括可見部分和不可見部分,可以使用 document.documentElement.scrollHeight:
let documentHeight = document.documentElement.scrollHeight;
登錄后復制
獲取窗口的高度
如果需要獲取瀏覽器窗口的高度,包括菜單欄和工具欄等元素,可以使用 window.outerHeight:
let windowHeight = window.outerHeight;
登錄后復制
獲取內容高度
如果需要獲取頁面內容的高度,而不是整個頁面,可以使用 document.body.scrollHeight:
let contentHeight = document.body.scrollHeight;
登錄后復制
獲取可用屏幕的高度
如果需要獲取用戶設備可用屏幕的高度,可以使用 screen.availHeight:
let availableScreenHeight = screen.availHeight;
登錄后復制