一、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=+"px"

    }

三、scroll系列

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

  scrollLeft/scrollTop  滚动条卷走的高度

四、

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

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

  获取body的整个文档的高

  document . scrollHeight || document . documentElement . scrollHeight;

  获取屏幕的高(浏览器的可视区)

  document . body || document . documentElement . clientHeight

05-22 14:43