JavaScript对象宽度高度属性整理

来源：互联网发布：手机限制软件联网编辑：程序博客网时间：2024/06/05 03:39

screen.width/height--->屏幕大小

screen.availWidth/availHeight--->可用屏幕大小

window.outerWidth/outerHeight--->浏览器窗口大小(chrome不适用)

window.innerWidth/innerHeight或者document.documentElement.clientWidth/clientHeight--->浏览器视口大小

window.screenLeft/screenTop--->浏览器视口相对屏幕左边和上边的距离

element.clientWidth/clientHeight--->元素+内边距大小

element.scrollWidth/scrollHeight--->无滚动条的情况下同clientWidth/clientHeight，有滚动条情况下加上隐藏内容大小

element.offsetWidth/offsetHeight--->元素+内边距+滚动条本身+边框大小

element.scrollLeft/scrollTop--->被隐藏在内容区域左/上的距离，可改变元素的滚动位置

element.offsetLeft/offsetTop--->元素左/上外边框相对包含元素(offsetParent)左/上内边框的距离

0 0