我正在我的浏览器（Firefox）上执行以下 Javascript。
console.debug("屏幕高度 = "+屏幕可用高度）； //输出770
console.debug("窗口高度="+$(窗口).height()）； //输出210（我也在使用 jQuery）
两者有什么区别？ 770的单位是像素，210的单位是毫米吗？
同样，当我写$(document).height() and $(window).height()， 它们是有区别的。是什么原因？
window.outerHeight
它是屏幕上窗口的高度，包括页面和所有可见的浏览器栏（位置、状态、书签、窗口标题、边框等）。
This not与 jQuery 相同$(window).outerHeight().
window.innerHeight or $(window).height()
它是显示网站的视口高度，仅显示内容，没有浏览器栏。
document.body.clientHeight or $(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，则固定在屏幕顶部或底部的任何内容。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
