document.documentElement.clientHeight与window.innerHeight有什么区别？

Question

document.documentElement.clientHeight与window.innerHeight有什么区别？呀为什么好多人在移动端获取窗口大小都用window.innerHeight这种？我测试了一下获取document.documentElement.clientHeight与window.innerHeight获取到的值是一样的。还有就是为什么window.outerWidth在安卓上可以获取到尺寸，在苹果上为什么一直是0...

Answer 1

是有区别的。前者是获取body的宽高，后者是获取HTML的宽高，分为两种写法就是为了解决兼容性问题，某些浏览器只认这两种的一种。

Answer 2

document.documentElement.clientHeight是屏幕可视区域的高度，不包括滚动条跟工具条的高度。而window.innerHeight获得的是可视区域的高度，同时包括横向滚动条的高度。(IE8以及低版本浏览器不支持)。