html定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 介绍

html定位:scrollLeft,scrollWidth,clientWidth,offsetWidth介绍
今天打算在一个页面上添加一个图片的跑马灯特效。看了一些网上的代码，发现自己对于 scrollLeft 和 scrollWidth 等相关概念有些模糊，于是就从别处转来这样一篇文章。最主要的是有完整的附图讲解。

上面这张图比较完善的介绍了包括：scrollLeft，scrollWidth， scrollTop 以及 clientWidth， offsetWidth 等

网页可见区域宽： document.body.clientWidth;

网页可见区域高： document.body.clientHeight;

网页可见区域宽： document.body.offsetWidth   (包括边线的宽);

网页可见区域高： document.body.offsetHeight  (包括边线的宽);

网页正文全文宽： document.body.scrollWidth;

网页正文全文高： document.body.scrollHeight;

网页被卷去的高： document.body.scrollTop;

网页被卷去的左： document.body.scrollLeft;

网页正文部分上： window.screenTop;

网页正文部分左： window.screenLeft;

屏幕分辨率的高： window.screen.height;

屏幕分辨率的宽： window.screen.width;

屏幕可用工作区高度： window.screen.availHeight;

屏幕可用工作区宽度：window.screen.availWidth;

更多请参见： http://www.blogjava.net/Todd/archive/2010/04/21/319040.html