螢幕資訊
顯示 javascript 中各種關於螢幕與網頁位置尺寸資訊的數值。
window
innerWidth
瀏覽器內的可視寬度 ( 包含捲軸 ) |
|
innerHeight
瀏覽器內的可視高度 ( 包含捲軸 ) |
|
outerWidth
瀏覽器視窗的寬度 |
|
outerHeight
瀏覽器視窗的高度 |
|
screenX
瀏覽器視窗至螢幕左側的距離 |
|
screenY
瀏覽器視窗至螢幕上方的距離 |
|
scrollX
瀏覽器已捲動的水平距離 |
|
scrollY
瀏覽器已捲動的垂直距離 |
|
scrollMaxX
瀏覽器可捲動的最大水平距離 |
|
scrollMaxY
瀏覽器可捲動的最大垂直距離 |
screen
width
螢幕的寬度 |
|
height
螢幕的高度 |
|
availWidth
螢幕中有效顯示區域的寬度 |
|
availHeight
螢幕中有效顯示區域的高度 |
|
availLeft
螢幕中有效顯示區域至螢幕左側的距離 |
|
availTop
螢幕中有效顯示區域至螢幕上方的距離 |
|
colorDepth
螢幕色彩位元數 |
|
pixelDepth
螢幕圖素位元數 |
documentElement
offsetWidth
版面元素的寬度 |
|
offsetHeight
版面元素的高度 |
|
offsetLeft
版面元素至父元素左側的距離 |
|
offsetTop
版面元素至父元素上方的距離 |
|
clientWidth
版面元素的內部寬度 |
|
clientHeight
版面元素的內部高度 |
|
clientTop
版面元素左側邊框的寬度 |
|
clientLeft
版面元素上方邊框的高度 |
|
scrollWidth
|
|
scrollHeight
|
|
scrollLeft
|
|
scrollTop
|
|
scrollLeftMax
|
|
scrollTopMax
|
body
offsetWidth
版面元素的寬度 |
|
offsetHeight
版面元素的高度 |
|
offsetTop
版面元素至父元素左側的距離 |
|
offsetLeft
版面元素至父元素上方的距離 |
|
clientWidth
版面元素的內部寬度 |
|
clientHeight
版面元素的內部高度 |
|
clientLeft
版面元素左側邊框的寬度 |
|
clientTop
版面元素上方邊框的高度 |
|
scrollWidth
|
|
scrollHeight
|
|
scrollLeft
|
|
scrollTop
|
|
scrollLeftMax
|
|
scrollTopMax
|