问screen.availHeight和window.height()之间的区别

EN

window.outerHeight

它是窗口在屏幕上的高度，它包括页面和所有可见的浏览器栏(位置、状态、书签、窗口标题、边框、…)。

此的与jQuery的$(window).outerHeight()不同。

window.innerHeight或$(window).height()

它是显示网站的视窗高度，只显示内容，没有浏览器条。

document.body.clientHeight或$(document).height()

它是文档在视口中显示的高度。如果它高于$(window).height()，您将获得滚动条来滚动文档。

screen.availHeight

这是浏览器窗口最大化时的高度，包括浏览器的条形图。因此，当窗口最大化时，screen.availHeight === window.outerHeight

screen.height

它只是简单地匹配屏幕的分辨率。因此，在1920×1080的屏幕上，screen.height将是1080。

screen.availHeight等同于screen.height +操作系统的工具栏，比如Windows上的任务栏，OS上的停靠栏和菜单，或者如果你使用Linux，任何固定在屏幕顶部或底部的东西。

我想纠正 @jigfox的回答中提到的一件事：

https://www.w3schools.com/jsref/prop_screen_availheight.asp#:~:text=The%20availHeight%20property%20returns%20the,)%2C%20use%20the%20availWidth%20property.

availHeight属性返回用户屏幕的高度(以像素为单位)减去诸如Windows Taskbar之类的界面功能。

提示:若要获取屏幕高度(不包括Windows Taskbar)，请使用availHeight属性。