一、Window視圖屬性

這些屬性可以hold住整個瀏覽器窗體大小。微軟則將這些API稱為“Screenview 接口”。包括：

innerWidth 屬性和 innerHeight 屬性
pageXOffset 屬性和 pageYOffset 屬性
screenX 屬性和 screenY 屬性
outerWidth 屬性和 outerHeight 屬性

1. innerWidth 屬性和innerHeight 屬性

window.innerWidth
window.innerHeight

瀏覽器內容區(qū)域的寬高，包括滾動條；

2. outerWidth屬性和outerHeight屬性

window.outerWidth
window.outerHeight

整個瀏覽器窗體的大小，包括任務欄、firebug等

3. pageXOffset和pageYOffset

表示整個頁面滾動的像素值（水平方向的和垂直方向的），滾出窗口的部分。

window.pageXOffset
window.pageYOffset

4. screenX and screenY

瀏覽器窗口在顯示器中的位置，screenX表示水平位置，screenY表示垂直位置

window.screenX
window.screenY

注意：這兒說的瀏覽器窗口指的是里面內容部分，不包括收藏欄、狀態(tài)欄等。

二、Screen視圖屬性

顯示器信息相關的屬性：
availWidth和availHeight
colorDepth
pixelDepth
width和height

這類API又被稱為“Screen 接口”。相關兼容性與特性依次見下面內容：

1. screenX and screenY

顯示器可用寬高，不包括任務欄之類的東東。

screen.availWidth
screen.availHeight

2. colorDepth

表示顯示器的顏色深度

screen.colorDepth

一般的值是24

3. pixelDepth

該屬性基本上與colorDepth一樣，兼容性不一樣。

screen.pixelDepth

4. width和height

表示顯示器屏幕的寬高。其兼容性還是很不錯的

screen.width
screen.height

三、文檔視圖(DocumentView)和元素視圖(ElementView)方法

elementFromPoint()
getBoundingClientRect()
getClientRects()
scrollIntoView()

1. elementFromPoint()

返回給定坐標處所在的元素，兼容性較好。

2. getBoundingClientRect()

兼容性較好.
得到矩形元素的界線，返回的是一個對象，包含 top, left, right, 和 bottom四個屬性值，大小都是相對于文檔視圖左上角計算而來。

四、元素視圖屬性

關于元素大小位置等信息的一些屬性。有：
clientLeft和clientTop
clientWidth和clientHeight
offsetLeft和offsetTop
offsetParent
offsetWidth和offsetHeight
scrollLeft和scrollTop
scrollWidth和scrollHeight