JS获取宽高度

Posted 小混蛋&闯江湖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS获取宽高度相关的知识,希望对你有一定的参考价值。

offsetWidth   为元素的实际宽度,包括边线的宽(width+padding+border)

offsetHeight   为元素的实际高度,包括边线的高(height+padding=border)

scrollWidth    为实际内容的宽度,正文宽度

scrollHeight   为实际内容的高度,正文高度

clientWidth    可见区域的宽度,不包括滚动条和边框

clientHeight                          可见区域的高度,不包括滚动条和边框

document.body.scrollTop     网页被卷去的高(height+padding)

document.body.scrollLeft     网页被卷去的左(width+padding)

window.screenTop                网页正文部分上

window.screenLeft                网页正文部分左

wnidwo.screen.height           屏幕分辨率的高

window.screen.width             屏幕分辨率的宽

window.screen.availHeight    屏幕可用工作区域高度

window.screen.availWidth     屏幕可用工作区域宽度

clientTop                                获取对象的border宽度

clientLeft                                获取对象的border宽度

clientHeight                           获取可见内容孤傲度(不包括滚动条,边框)

 

以上是关于JS获取宽高度的主要内容,如果未能解决你的问题,请参考以下文章

jQuery获取元素宽高

JS获取浏览器中的各种宽高值

js获取页面各种宽高

js获取宽高

js各种宽高意义总结

js获取元素宽高