小前端

JS获取的常用宽高

2015-11-22  本文已影响50人  牧歌_

window.screen.width 频率分辨率宽
window.screen.height 屏幕分辨率高
(也就是在Windows右击设置屏幕分辨率的那个分辨率)

window.screen.availWidth 屏幕可用工作区域宽
window.scrren.availHeight 屏幕可用工作区域高
(Windows中有任务栏,默认底部的那个东西。当然取消锁定任务栏你也可以拉高,或者移到上、左、右边,Ubuntu默认在上部。
这个宽高就是屏幕分辨率减去任务栏的宽高,当然要看任务栏在上下,还是左右)

window.screenTop == window.scrrenY 浏览器离屏幕顶部的高度
window.scrrenLeft == window.scrrenX 浏览器离屏幕左边的宽度

Image 001.png

window.body.clientWidth 网页可见区域宽
window.body.clientHeight 网页可见区域高
(不管网页的宽高多少,除去scrollX scrollY被隐藏的内容,除去横竖滚动条的自身的宽高,显示在浏览器上的实际大小)(也除去开发者工具等占用的高度)

document.body.offsetWidth 网页可见区域宽:(包括边线的宽)
document.body.offsetHeight 网页可见区域高: (包括边线的高)
(window.body.client宽高,加上滚动条等)(也除去开发者工具等占用的高度)

window.body.scrollWidth 网页全文宽
window.body.scrollHeight 网页全文高
(也就等于网页内容实际的宽高)

window.body.scrollTop 网页被卷去的高
winodw.body.scrollLeft 网页被卷去的左

上一篇 下一篇

猜你喜欢

热点阅读