offset
div.offsetTop 指div距离上方或上层控件的位置,整型,单位像素。
div.offsetLeft 指div左方或上层控件的位置,整型,单位像素。
div.offsetWidth指div控件自身的宽度,整型,单位像素。
div.offsetHeight指div控件自身的宽度,整型,单位像素。
offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。
offsetLeft 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的左侧位置。
offsetTop 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的顶端位置。
offsetX 设置或获取鼠标指针位置相对于触发事件对象的x坐标。
offsetY 设置或获取鼠标指针位置相对于触发事件对象的y坐标。
client
clientX 设置或获取鼠标指针位置相对于当前窗口的x坐标,其中客户区域不包括窗口自身的控件和滚动条。
clientY 设置或获取鼠标指针位置相对于当前窗口的y坐标,其中客户区域不包括窗口自身的控件和滚动条。
clientWidth 是对象看到的宽度
clientHeight 是对象看到的高度
scroll
scrollWidth 获取对象滚动条的宽度
scrollHeight 获取对象滚动条的高度
scrollLeft 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。
scrollTop 设置或获取位于对象最顶端和窗口中目前可见内容的最顶端之间的距离。
screen
screenX 设置或获取鼠标指针位置相对于用户屏幕的x坐标
screenY 设置或获取鼠标指针位置相对于用户屏幕的y坐标
相关计算方法
IE6.0、FF1.06+:
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5
clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height
(需要提醒一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)