浏览器的js的高度说明

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

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

window.innerHeight 或 $(window).height() 它是显示网站的视口的高度，只有内容，没有浏览器的栏。

document.body.clientHeight 或 $(document).height() 它是视口中显示的文档的高度。如果它高于 $(window).height() 你会得到滚动条来滚动文档。

screen.availHeight 这是浏览器窗口最大化时的高度，包括浏览器的栏。所以当窗口最大化时，screen.availHeight === window.outerHeight 屏幕高度 它只是匹配屏幕的分辨率。所以在 1920×1080 的屏幕上，screen.height 将是 1080。

screen.availHeight 等于 [screen.height + 操作系统栏]，如 Windows 上的任务栏、OS X 上的停靠栏和菜单，或者如果您使用的是 Linux，则固定在屏幕顶部或底部的任何内容。