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

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



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值