此物件存放螢幕的相關資訊。
- 程式用法:
<ol>
<script type='text/javascript'>
for(k in screen)
document.write( '<li>'+ k +' : '+ screen[k] );
</script>
</ol> - 執行結果:
- availWidth : 1280
- availHeight : 720
- width : 1280
- height : 720
- colorDepth : 24
- pixelDepth : 24
- availLeft : 0
- availTop : 0
- orientation : [object ScreenOrientation]
- addEventListener : function addEventListener() { [native code] }
- dispatchEvent : function dispatchEvent() { [native code] }
- removeEventListener : function removeEventListener() { [native code] }
- IE 沒法用 for( in ) 列出 screen 的成員,Firefox, Safari, Chrome 都成功。
可用區的頂邊距離。以下單位都是像素。系統的工作列是不可用區。
可用區的左邊距離。
- 程式用法:
<script type='text/javascript'>
document.write( screen.availTop
+' / '+ screen.availLeft );
</script> - 執行結果:
0 / 0
- IE 沒這兩項。Firefox, Safari, Chrome 都成功。
系統的工作列是不可用區,螢幕的高度減去系統的工作列,就是可用區高度。
可用區的寬度。
- 程式用法:
<script type='text/javascript'>
document.write( screen.availHeight
+' / '+ screen.availWidth );
</script> - 執行結果:
720 / 1280
存放螢幕高,單位是像素。
存放螢幕寬,單位是像素。
- 程式用法:
<script type='text/javascript'>
document.write( screen.height
+' / '+ screen.width );
</script> - 執行結果:
720 / 1280
螢幕顏色的位元數。
像素的位元數。
- 程式用法:
<script type='text/javascript'>
document.write( screen.colorDepth
+' / '+ screen.pixelDepth );
</script> - 執行結果:
24 / 24
- IE 沒有 pixelDepth。
存放距離主螢幕左邊的像素數。
存放距離螢幕頂邊的像素數。
- 程式用法:
<script type='text/javascript'>
document.write( screen.left
+' / '+ screen.top );
</script> - 執行結果:
undefined / undefined
- IE, Safari, Chrome 沒有 top, left 兩個特徵。要改用 window.screenLeft 與 window.screenTop。