常見的屬性：

網頁可見區域寬： document.body.clientWidth;
網頁可見區域高： document.body.clientHeight;
網頁可見區域寬： document.body.offsetWidth   （包含邊線的寬）;

網頁可見區域高： document.body.offsetHeight （包含邊線的高）;

網頁正文全文寬： document.body.scrollWidth;（含滾動條時，即滾動條從最頂端滾到最底端實際走過的距離）
網頁正文全文高： document.body.scrollHeight;（含滾動條時，即滾動條從最頂端滾到最底端實際走過的距離）

網頁被捲去的高： document.body.scrollTop;
網頁被捲去的左： document.body.scrollLeft;
網頁正文專案組上： window.screenTop;（返回視窗相對於螢幕的y座標）
網頁正文專案組左： window.screenLeft;（返回視窗相對於螢幕的x座標）
螢幕辨別率的高： window.screen.height;（返回當前螢幕高度，即解析度值）
螢幕辨別率的寬： window.screen.width;（返回當前螢幕寬度，即解析度值）
螢幕可用工作區高度： window.screen.availHeight;（空白空間）

螢幕可用工作區的寬度：window.screen.availWidth;（空白空間）

假設 obj 為某個 HTML 控制元件。

obj.offsetTop 指 obj 間隔上方或上層控制元件的地位，整型，單位畫素。

obj.offsetLeft 指 obj 間隔左方或上層控制元件的地位，整型，單位畫素。

{I}、offsetTop 返回的是數字，而 style.top 返回的是字串，除了數字外還帶有單位：px。

{II}、offsetTop 只讀，而 style.top 可讀寫。

{III}、若是沒有給 HTML 元素指定過 top 樣式，則 style.top 返回的是空字串。

（2）clientWidth/clientHeight,offsetWidth/offsetHeight,scrollWidth/scrollHeight

IE、Opera 認為 offsetHeight = clientHeight + 遷移轉變條 + 邊框。

NS、FF 認為 offsetHeight 是網頁內容實際高度，可以小於 clientHeight。

IE、Opera 認為 scrollHeight 是網頁內容實際高度，可以小於 clientHeight。

NS、FF 認為 scrollHeight 是網頁內容高度，不過最小值是 clientHeight。

即：NS、 FF 認為 offsetWidth/offsetHeight 和 scrollWidth/scrollHeight 都是網頁內容高度，只不過當網頁內容高度小於便是 clientWidth/clientHeight 時，scrollWidth/scrollHeight 的值是 clientWidth/clientHeight，而 offsetWidth/offsetHeight 可以小於clientWidth/ clientHeight。IE、Opera 認為 offsetWidth/offsetHeight 是可視區域 clientWidth/clientHeight 遷移轉變條加邊框。scrollWidth/scrollHeight 則是網頁內容實際高度。

（3）scrollTop/scrollLeft.scrollWidth/scrollHeight

IE 和 FireFox 周全支撐，而 Netscape 和 Opera 不支撐 scrollTop、scrollLeft（document.body 除外）。

scrollWidth/scrollHeight 是內部元素的絕對寬度/高度，包含內部元素的隱蔽的專案組。

（4）offsetWidth/offsetHeight

與style.width屬性的差別在於:如物件的寬度設定值為百分比寬度，則無論頁面變大還是變小，style.width都返回此百分比，而offsetWidth則返回在不合頁面中物件的寬度值而不是百分比值

與style.height屬性的差別在於:如物件的寬度設定值為百分比高度，則無論頁面變大還是變小，style.height都返回此百分比，而offsetHeight則返回在不合頁面中物件的高度值而不是百分比值

（5）offsetParent