js window.innerHeight 和 window.innerWidth

是什么?

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显示的是文档的区域,

             就算里面没有内容,也是显示出应有的数值;



猜你喜欢

转载自blog.csdn.net/cvper/article/details/80211389