JS-获取对象位置信息

offsetTop

获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。 

offsetLeft

获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。

offsetHeight

获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。

IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

offsetWidth

获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。

offsetParent

获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。

clientHeight

获取对象的高度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。
大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

clientLeft

获取 offsetLeft 属性和客户区域的实际左边之间的距离。

clientTop

获取 offsetTop 属性和客户区域的实际顶端之间的距离。

clientWidth

获取对象的宽度，不计算任何边距、边框、滚动条或可能应用到该对象的补白。

例子：
var    s  =  "网页可见区域宽："+  document.body.clientWidth;  

s  +=  "\r\n网页可见区域高："+  document.body.clientHeight;  

s  +=  "\r\n网页可见区域高："+  document.body.offsetWeight  +"  (包括边线的宽)";  
s  +=  "\r\n网页可见区域高："+  document.body.offsetHeight  +"  (包括边线的宽)";  
s  +=  "\r\n网页正文全文宽："+  document.body.scrollWidth;  
s  +=  "\r\n网页正文全文高："+  document.body.scrollHeight;  
s  +=  "\r\n网页被卷去的高："+  document.body.scrollTop;  
s  +=  "\r\n网页被卷去的左："+  document.body.scrollLeft;  
s  +=  "\r\n网页正文部分上："+  window.screenTop;  
s  +=  "\r\n网页正文部分左："+  window.screenLeft;  
s  +=  "\r\n屏幕分辨率的高："+  window.screen.height;  
s  +=  "\r\n屏幕分辨率的宽："+  window.screen.width;  
s  +=  "\r\n屏幕可用工作区高度："+  window.screen.availHeight;  
s  +=  "\r\n屏幕可用工作区宽度："+  window.screen.availWidth;