HTML 对象的定位.

 

属性	说明	坐标对象	说明
Window[窗体]
screenLeft		用户屏幕	获取浏览器客户区左上角相对于屏幕左上角的 x 坐标。
screenTop		用户屏幕	获取浏览器客户区左上角相对于屏幕左上角的 y 坐标。
Event[事件]
clientX	X轴上的坐标	窗口客户区域	设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
clientY	Y轴上的坐标	窗口客户区域	设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。
offsetX		事件对象	设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
offsetY		事件对象	设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。
screenX		用户屏幕	设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。
screenY		用户屏幕	设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。
x		父文档	设置或获取鼠标指针位置相对于父文档的 x 像素坐标
y		父文档	设置或获取鼠标指针位置相对于父文档的 y 像素坐标
Screen[屏幕]
availHeight			获取系统屏幕的工作区域高度
availWidth			获取系统屏幕的工作区域宽度[排除 Windows 任务栏]
height			获取屏幕的垂直分辨率。
width			获取屏幕的水平分辨率。
Body[屏幕]
clientHeight			获取对象的高度，不计算任何边距、边框、滚动条或可能应用到该对象的补白
clientWidth			获取对象的宽度，不计算任何边距、边框、滚动条或可能应用到该对象的补白
clientLeft			获取 offsetLeft 属性和客户区域的实际左边之间的距离
clientTop			获取 offsetTop 属性和客户区域的实际顶端之间的距离
offsetHeight			获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetWidth			获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度
offsetLeft			获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop			获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。
offsetParent			获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用
Body[滚动条]
scrollHeight			获取对象的滚动高度
scrollWidth			获取对象的滚动宽度
scrollTop			设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollLeft			设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
DIV一般对象
scrollHeight			获取对象的滚动高度。
scrollWidth			获取对象的滚动宽度
scrollLeft			设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。
scrollTop			设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。
Style.left			是字符串，是取html中left的值，如果没有就是空串。
Style.pixelLeft			是数值，是将left的值(如果是空串则赋为0)转化为像素值。
Style. posLeft			就是将left的值转化为数值类型，而且是浮点型。
OffsetLeft
OffsetTop
OffsetWidth
OffsetHeight
ClientLeft
ClientTop
ClientWidth
ClientHeight

 

经过计算：

安装一个工具条的高度为27px

                     Windows任务栏为33Px

                      滚动条的宽度为：19Px