码迷,mamicode.com
首页 > Web开发 > 详细

js的各种获取大小

时间:2017-02-03 17:59:21      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:设置   nbsp   tco   页面   获取   screen   olly   整理   win   

相信大家也经常会被js的获取大小搞得头昏脑胀,到底应该用哪种方式获取才是我要的那种大小呢

好啦,在此我帮大家整理好我知道的那些。

 

window.screen.availHeight : 获取的是当前电脑的屏幕大小。

window.innerHeight : 获取的是当前浏览器的可用视口的大小,(想要整张页面刚好和占满的话就用这个吧)

window.scrollY : 获取现在滚了多远了

document.body.clientHeight: 同上

document.body.offsetHeight : 当前的网页所占的撑起的body的大小,如果设置浮动可能这个值为0哦。

document.getElementById("box").style.height : css中的height

window.getComputedStyle(document.getElementById("box"))["height"] : 当前计算后实际的高度,这个用在万一css的height为百分比或者rem,em该怎么办呢

 

js的各种获取大小

标签:设置   nbsp   tco   页面   获取   screen   olly   整理   win   

原文地址:http://www.cnblogs.com/sowhite/p/6362955.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!