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