js的各种获取大小
Posted 白与小寒
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js的各种获取大小相关的知识,希望对你有一定的参考价值。
相信大家也经常会被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的各种获取大小的主要内容,如果未能解决你的问题,请参考以下文章