我正在我的浏览器（Firefox）上执行以下 Javascript。

1. console.debug("屏幕高度 = "+屏幕可用高度）； //输出770

2. 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，则固定在屏幕顶部或底部的任何内容。