我正在我的浏览器 (Firefox) 上执行以下 Javascript。
console.debug("屏幕高度 = "+ screen.availHeight ); //输出770
console.debug("窗口高度="+ $(window).height() ); //输出210（我也在使用 jQuery）
两者有什么区别？是 770 像素和 210 毫米？
同样，当我写$(document).height()和 时$(window).height()，也有区别。是什么原因？
screen.availHeight 和 window.height() 的区别
IT技术
javascript
jquery
window
document
2021-02-23 23:11:33
2个回答
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，则固定在屏幕顶部或底部的任何内容。
想更正@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 属性。
其它你可能感兴趣的问题