js中getBoundingClientrRect()方法的詳解

getBoundingClientRect():

　　這個方法返回一個矩形對象，包含四個屬性：left、top、right和buttom。分別表示元素各邊與頁面各邊的距離

例如：

var boxPosition = document.getElementById('box');         // 獲取元素

alert(box.getBoundingClientRect().top);         // 元素上邊距離頁面上邊的距離

alert(box.getBoundingClientRect().right);       // 元素右邊距離頁面左邊的距離

alert(box.getBoundingClientRect().bottom);      // 元素下邊距離頁面上邊的距離

alert(box.getBoundingClientRect().left);        // 元素左邊距離頁面左邊的距離