一、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

?