CLIENT系列、OFFSET系列、SCROLL系列

 

一、client系列

　　clientWidth/clientHeight    是我们设置的宽和高加上内边距（没有边框）

　　clientLeft/clientTop　　就是我们设置的边框值

二、offset系列

　　offsetWidth/offsetHeight　　是我们设置的宽和高加上内边距，加上边框

　　offsetLeft/offsetTop　　是元素外边距离父级内边距相对于父级，这个父级由定位position：absolute；

　　offsetParent　　返回这个元素的父级元素

　　offsetTop　参照由父级身上的position：absolute/fixed，如果父级元素身上没有就逐层向上查找，直到body

　　offset往往和我们做元素的运动有关；

　　注意：1、offset必须和position配合使用，往往这个值还必须是absolute；

　　　　　2、offset由初始值，在标准浏览器下是8，低版本是0；

　　　　　3、 var   t=setInterval （function（））{

　　　　　　　　aa . style . left=aa . offsetLeft+2+"px"

　　　　}

三、scroll系列

　　scrollWidth/scrollHeight　　就是我们设置的宽和高加内边距（内容没有溢出的前提，如果超出了范围就按内容而定）

　　scrollLeft/scrollTop　　滚动条卷走的高度

四、

　　获取浏览器的body的属性是有兼容的

　　var  dd=document . body || document . documentElement;

　　获取body的整个文档的高

　　document . scrollHeight || document . documentElement . scrollHeight;

　　获取屏幕的高（浏览器的可视区）

　　document . body || document . documentElement . clientHeight