offset client scroll screen关键字的整理

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均无关）