本文详细介绍了网页开发中常见的元素尺寸与位置属性，包括clientWidth/clientHeight、clientLeft/clientTop、offsetWidth/offsetHeight等，以及它们在不同场景下的应用。
clientWidth/clientHeight：元素可视部分的宽度（也就是css的width+padding），不把边框和滚动条计算在内，也不包括各种滚动。
clientLeft/clientTop：即元素的border宽度
offsetWidth/offsetHeight：元素在页面中占据的宽度和高度的总计，即clientWidth+边框+滚动。
offsetLeft/offsetTop：元素的相对于offsetParent的偏移量。
scrollWidth/scrollHeight：滚动的高度总量=scrollWidth+元素宽度。
scrollLeft/scrollTop：滚动的距离
window.screen.width/height：屏幕宽度
window.screen.availWdith/availHeight：屏幕可用宽度，即除开任务栏等
鼠标event
clientX/clientY：相对于浏览器窗口的距离（除Safari）
screenX/screenY：相对于计算机屏幕的距离
offsetX/offsetY：相对于事件目标对象的距离（除了Mozilla）
layerX/layerY：相对于最近的绝对定位元素（若无则为document）的距离，（Mozilla和Safari）
pageX/pageY：相对于document对象的距离（除了IE）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
