offsetheight
offsetwidth
offsettop
offsetleft
clientheight
clientwidth
確定瀏覽器的視口大小：可以使用document.documentelement.clientwidth或document.body.clientwidth(ie7之前)
scrollheight
scrollwidth
scrollleft
scrolltop
不包含滾動條的頁面不同瀏覽器的差異（scrollwidth,scrollheight和clientwidth,clientheight）
ff中兩組屬性始終相等，但大小代表的是文件內容區域的實際尺寸，而非視口大小
opera,safari和chrome中兩組屬性有差異，其中scrollwidth和scrollheight等於視口大小，而clientwidth和clientheight等於文件內容區域大小
ie中（標準模式）中的這兩組屬性不相等，其中scrollwidth和scrollheight等於文件內容區域大小，而clientwidth和clientheight等於視口大小
確定文件總高度時，必須取得兩者間的最大值，才能確保精確
非ie
document.documentelement.scrollheight
document.documentelement.clientheight
複製**
docuemnt.body.scrollheight
docuemnt.body.clientheight
複製**
rectobject = object.getboundingclientrect();返回乙個矩形物件，包括
rectobject.top：元素上邊到視窗上邊的距離;
rectobject.right：元素右邊到視窗左邊的距離;
rectobject.bottom：元素下邊到視窗上邊的距離;
rectobject.left：元素左邊到視窗左邊的距離;
複製**
獲取元素寬高
獲取元素寬高值 1.內聯樣式.element.style讀取的只是元素內聯樣式,即寫在元素的 style 屬性上的樣式,支援讀寫.var elebox document.getelementbyid eleid var h elebox.style.height 外聯樣式 巢狀樣式無法通過上述方法直...
獲取元素高寬
element.clientwidth屬性表示元素的內部寬度，以畫素計。該屬性包括內邊距，但不包括垂直滾動條 如果有 邊框和外邊距 element.getboundingclientrect width有內邊距和邊框，無外邊距 element.style.width 只能去內聯樣式的寬window....
jquery獲取元素各種寬高及頁面寬高總結
window.onload function 獲取瀏覽器顯示區域 可視區域 的高度 window height 獲取瀏覽器顯示區域 可視區域 的寬度 window width 獲取頁面的文件高度 document height 獲取頁面的文件寬度 document width 瀏覽器當前視窗文件bo...