我正在我的浏览器 (Firefox) 上执行以下 Javascript。
console.debug("屏幕高度 = "+ screen.availHeight); //输出 770
console.debug("窗口高度="+ $(window).height()); //输出210（我也在用jQuery）
两者有什么区别？是 770 像素和 210 毫米吗？
同样，当我写$(document).height() 和$(window).height() 时，也有区别。是什么原因？
【问题讨论】：
标签： javascript jquery window document
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 X 上的停靠栏和菜单，或者如果您正在使用固定在屏幕顶部或底部的任何内容Linux。
【讨论】：
screen.availHeight 等于 screen.height 减去操作系统的条数
screen.availHeight 等于 screen.height 减去操作系统的酒吧
想要纠正@jigfox 的回答中所述的事情：
https://www.w3schools.com/jsref/prop_screen_availheight.asp#:~:text=The%20availHeight%20property%20returns%20the,)%2C%20use%20the%20availWidth%20property。
availHeight 属性返回用户屏幕的高度，以像素为单位，减去 Windows 任务栏等界面功能。
提示：要获取屏幕高度（不包括 Windows 任务栏），请使用availHeight 属性。
【讨论】：