頁面中元素大小的確定

1.元素在頁面上的偏移量

offsetHeight: content高度+上下內邊距高度+上下邊框高度
offsetWidth：content寬度+左右內邊距寬度+左右邊框寬度
offsetLeft：左margin
offsetTop：上margin

//獲得元素在頁面上的左偏移量
function getElementLeft(element){
       var elementLeft = element.offsetLeft;
       var elementParent = element.offsetParent;
       while(elementParent != null){
           elementLeft += elementParent.offsetLeft;
           elementParent = elementParent.offsetParent;
       }
       return elementLeft;
    }

//獲得元素在頁面上的上偏移量
function getElementTop(element){
       var elementTop = element.offsetTop;
       var elementParent = element.offsetParent;
       while(elementParent != null){
           elementTop += elementParent.offsetTop;
           elementParent = elementParent.offsetParent;
       }
       return elementTop;
    }

2.元素的客戶區大小（內容+內邊距），常用於確定瀏覽器視口大小document.documentElement 或者 document.body

clientWidth : content寬度+左右內邊距寬度
clientHeight：content高度+上下內邊框高度

3.包含滾動內容的元素的大小

scrollHeight: 真正所有內容（包括隱藏的）的高度
scrollWidth：真正所有內容（包括隱藏的）的寬度
scrollLeft：被隱藏的左邊內容寬度（可以改變元素滾動位置）
scrollTop：被隱藏的上面內容寬度（可以改變元素滾動位置）