方法一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁
操控器一頁 | 二頁 | 三頁 | 四頁 | 五頁 | 六頁 | 七頁 | 成員表
| outerHeight | outerWidth | pageXOffset | pageYOffset |
| screen | screenLeft | screenTop | screenX |
| screenY | scrollMaxX | scrollMaxY | scrollX |
| scrollY |
整個瀏覽器的長與寬。唯讀。其值為整數，單位為像素（pixel）。
- 程式用法：
<script type='text/javascript'>
document.write( window.outerHeight +'<br />');
document.write( window.outerWidth );
</script> - 執行結果：
720
1280
- IE 沒這兩項；Firefox, Safari, Chrome 都成功。
存放 screen 物件。
在 IE 這是文件展現區相對於螢幕左上角的距離；在 Safari, Chrome 這是瀏覽器的左上角相對於螢幕左上角的距離；Firefox 沒這兩項。單位為像素。
- 程式用法：
<script type='text/javascript'>
document.write( window.screenLeft
+' / '+ window.screenTop );
</script> - 執行結果：
0 / 0
傳回瀏覽器的左上角相對於螢幕左上角的距離，單位為像素。
- 程式用法：
<script type='text/javascript'>
document.write( window.screenX
+' / '+ window.screenY );
</script> - 執行結果：
0 / 0
- IE 沒這兩項；Firefox, Safari, Chrome 都成功。
傳回文件可捲動的最大長度，其值為整數，單位為像素。限 Firefox 使用。
文件的全寬 = innerWidth + scrollMaxX
文件的全長 = innerHeight + scrollMaxY
- 程式用法：
<script type='text/javascript'>
document.write( window.innerWidth
+' + '+ window.scrollMaxX +'<br />');
document.write( window.innerHeight
+' + '+ window.scrollMaxY );
</script> - 執行結果：
1280 + [object HTMLDivElement]
720 + [object HTMLDivElement]
傳回文件捲動的長度，其值為整數，單位為像素（pixel）。與 scrollX, scrollY 相同。
傳回文件捲動的長度，其值為整數，單位為像素。與 pageXOffset, pageYOffset 相同。
- 程式用法：
<script type='text/javascript'>
function setXY()
{
var o=document.getElementById('scl2');
o.value=window.pageXOffset +' : '+ window.pageYOffset;
var o=document.getElementById('scl');
o.value=window.scrollX +' : '+ window.scrollY;
}
window.onscroll=setXY;
</script>
<p>
pageOffset：<input id='scl2' size=24><br />
scroll：<input id='scl' size=24> - 執行結果：
pageOffset：
scroll：
- IE 沒這四項；Firefox, Safari, Chrome 都成功。
