新人求助HTMLELement对像下clientTop,clientLeft,scrollTop,scrollLeft属性的区别，最好可以有程序来说明哦。

Question

我博客里有一图
http://blog.csdn.net/chinmo/archive/2008/02/18/2102799.aspx很清楚

Answer 1

那个是只对IE说的。而且clientTop,clientLeft,scrollTop,scrollLeft，offsetTop,offsetLeft根本就没提。

Answer 2

一个说是可见区域的top left 一个是说滚动条的top left 两会事。http://blog.vsharing.com/ruikyzou/A803035.html

Answer 3

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

Answer 4

http://www.scriptlover.com/post/375