是什么?
innerHeight 和 innerWidth 都是window 的属性,
表示的文档显示区域的宽高,不包括工具栏和地址栏等区域;
怎么获取?(单位:px)
<
script>
console.
log(window.innerHeight);
</
script>
这种方式对最新的浏览器都是可以获取到的;
但是吧,IE 9+ 支持,ie8,7,6,5 不支持;
有必要这么获取:
console.
log(document.documentElement.clientHeight);
或者这样获取:
<
script>
console.
log(document.body.clientHeight);
</
script>
但是: 上面两种兼容ie的获取方式是有区别的,
假如,现在文档中没有文档,那么document.body.clientHeight=0 ,是不是很意外,
也就是说,document.body.clientHeight 显示的是文档中已有内容撑开的区域,
window.innerHeight 和 ie的document.documentElement.clientHeight显示的是文档的区域,
就算里面没有内容,也是显示出应有的数值;