網(wǎng)頁(yè)可見區(qū)域?qū)挘?document.body.clientWidth;
網(wǎng)頁(yè)可見區(qū)域高： document.body.clientHeight;
網(wǎng)頁(yè)可見區(qū)域?qū)挘?document.body.offsetWidth(包括邊線的寬);
網(wǎng)頁(yè)可見區(qū)域高： document.body.offsetHeight(包括邊線的寬);
網(wǎng)頁(yè)正文全文寬： document.body.scrollWidth;
網(wǎng)頁(yè)正文全文高： document.body.scrollHeight;
網(wǎng)頁(yè)被卷去的高： document.body.scrollTop;
網(wǎng)頁(yè)被卷去的左： document.body.scrollLeft;
網(wǎng)頁(yè)正文部分上： window.screenTop;
網(wǎng)頁(yè)正文部分左： window.screenLeft;
屏幕分辨率的高： window.screen.height;
屏幕分辨率的寬： window.screen.width;
屏幕可用工作區(qū)高度： window.screen.availHeight;
屏幕可用工作區(qū)寬度：window.screen.availWidth;
1、offsetLeft
假設(shè) obj 為某個(gè) HTML 控件。
obj.offsetTop 指 obj 距離上方或上層控件的位置，整型，單位像素。
obj.offsetLeft 指 obj 距離左方或上層控件的位置，整型，單位像素。
obj.offsetWidth 指 obj 控件自身的寬度，整型，單位像素。
obj.offsetHeight 指 obj 控件自身的高度，整型，單位像素。
我們對(duì)前面提到的“上方或上層”與“左方或上層”控件作個(gè)說明。
例如：
<div id=”tool”>
<input type=”button” value=”提交”>
<input type=”button” value=”重置”>
</div>
“提交”按鈕的 offsetTop 指“提交”按鈕距“tool”層上邊框的距離，因?yàn)榫嗥渖线呑罱氖?“tool” 層的上邊框。
“重置”按鈕的 offsetTop 指“重置”按鈕距“tool”層上邊框的距離，因?yàn)榫嗥渖线呑罱氖?“tool” 層的上邊框。
“提交”按鈕的 offsetLeft 指“提交”按鈕距“tool”層左邊框的距離，因?yàn)榫嗥渥筮呑罱氖?“tool” 層的左邊框。
“重置”按鈕的 offsetLeft 指“重置”按鈕距“提交”按鈕右邊框的距離，因?yàn)榫嗥渥筮呑罱氖恰疤峤弧卑粹o的右邊框。
以上屬性在 FireFox 中也有效。
另 外： 我們這里所說的是指 HTML 控件的屬性值，并不是 document.body，document.body 的值在不同瀏覽器中有不同解釋（實(shí)際上 大多數(shù)環(huán)境是由于對(duì) document.body 解釋不同造成的，并不是由于對(duì) offset 解釋不同造成的），點(diǎn)擊這里查看不同點(diǎn)。
標(biāo)題：offsetTop 與 style.top 的區(qū)別
預(yù)備知識(shí)：offsetTop、offsetLeft、offsetWidth、offsetHeight
我們知道 offsetTop 可以獲得 HTML 元素距離上方或外層元素的位置，style.top 也是可以的，二者的區(qū)別是：
一、offsetTop 返回的是數(shù)字，而 style.top 返回的是字符串，除了數(shù)字外還帶有單位：px。
二、offsetTop 只讀，而 style.top 可讀寫。
三、如果沒有給 HTML 元素指定過 top 樣式，則 style.top 返回的是空字符串。
offsetLeft 與 style.left、offsetWidth 與 style.width、offsetHeight 與 style.height 也是同樣道理。
標(biāo)題：clientHeight、offsetHeight和scrollHeight
我們這里說說四種瀏覽器對(duì) document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解釋，這里說的是 document.body，如果是 HTML 控件，則又有不同，點(diǎn)擊這里查看。
這四種瀏覽器分別為IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。
2、clientHeight
clientHeight
大家對(duì) clientHeight 都沒有什么異議，都認(rèn)為是內(nèi)容可視區(qū)域的高度，也就是說頁(yè)面瀏覽器中可以看到內(nèi)容的這個(gè)區(qū)域的高度，一般是最后一個(gè)工具條以下到狀態(tài)欄以上的這個(gè)區(qū)域，與頁(yè)面內(nèi)容無(wú)關(guān)。
offsetHeight
IE、Opera 認(rèn)為 offsetHeight = clientHeight + 滾動(dòng)條 + 邊框。
NS、FF 認(rèn)為 offsetHeight 是網(wǎng)頁(yè)內(nèi)容實(shí)際高度，可以小于 clientHeight。
scrollHeight
IE、Opera 認(rèn)為 scrollHeight 是網(wǎng)頁(yè)內(nèi)容實(shí)際高度，可以小于 clientHeight。
NS、FF 認(rèn)為 scrollHeight 是網(wǎng)頁(yè)內(nèi)容高度，不過最小值是 clientHeight。
簡(jiǎn)單地說
clientHeight 就是透過瀏覽器看內(nèi)容的這個(gè)區(qū)域高度。
NS、 FF 認(rèn) 為 offsetHeight 和 scrollHeight 都是網(wǎng)頁(yè)內(nèi)容高度，只不過當(dāng)網(wǎng)頁(yè)內(nèi)容高度小于等 于 clientHeight 時(shí)，scrollHeight 的值是 clientHeight，而 offsetHeight 可以小 于 clientHeight。
IE、Opera 認(rèn)為 offsetHeight 是可視區(qū)域 clientHeight 滾動(dòng)條加邊框。scrollHeight 則是網(wǎng)頁(yè)內(nèi)容實(shí)際高度。
同理clientWidth、offsetWidth 和 scrollWidth 的解釋與上面相同，只是把高度換成寬度即可。
但是FF在不同的DOCTYPE 中對(duì) clientHeight 的解釋不同，xhtml 1 trasitional中則不是如上解釋的。其它瀏覽器則不存在此問題。
標(biāo)題：scrollTop、scrollLeft、scrollWidth、scrollHeight
