首页 > 其他 > 详细

浏览器的视图模块整理

时间:2017-07-03 11:38:34      阅读:305      评论:0      收藏:0      [点我收藏+]

1.innerWidth

innerWidth获取的是当前窗口下body元素的宽度(注意“当前窗口”,什么意思呢?当你把浏览器窗口的缩放到不同大小时,innerWidth的数值是会改变的),为了让大家不会误解,我截了个图加以说明,如图,显示的是body宽度为928.8px但是弹出来的确是946px,这是为什么呢。少了17.2px去哪了?对浏览器滚动条有所了解的同学可能马上就明白了,浏览器的滚动条宽度为17.2px,所以body的宽度为928.8px。恩,到这里没毛病,innerWidth获取的就是body的元素的宽度,换种说法就是获取文档的宽度

技术分享

 

技术分享

2.innerHeight

innerHeight获取的是当前窗口显示区文档的高度。

技术分享

浏览器的视图模块整理

原文:http://www.cnblogs.com/zhanghanghang/p/7109847.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!