2009年1月12日

screen

screen 物件

此物件存放螢幕的相關資訊。

  • 程式用法:

    <ol>
    <script type='text/javascript'>
    for(k in screen) 
      document.write( '<li>'+ k +' : '+ screen[k] );
    </script>
    </ol>

  • 執行結果:

    1. availWidth : 1280
    2. availHeight : 720
    3. width : 1280
    4. height : 720
    5. colorDepth : 24
    6. pixelDepth : 24
    7. availLeft : 0
    8. availTop : 0
    9. orientation : [object ScreenOrientation]
    10. addEventListener : function addEventListener() { [native code] }
    11. dispatchEvent : function dispatchEvent() { [native code] }
    12. removeEventListener : function removeEventListener() { [native code] }
  • IE 沒法用 for( in ) 列出 screen 的成員,Firefox, Safari, Chrome 都成功。
screen 的特徵
availTop

可用區的頂邊距離。以下單位都是像素。系統的工作列是不可用區。

availLeft

可用區的左邊距離。

  • 程式用法:

    <script type='text/javascript'>
    document.write( screen.availTop 
            +' / '+ screen.availLeft );
    </script>

  • 執行結果:

    0 / 0

  • IE 沒這兩項。Firefox, Safari, Chrome 都成功。
availHeight

系統的工作列是不可用區,螢幕的高度減去系統的工作列,就是可用區高度。

availWidth

可用區的寬度。

  • 程式用法:

    <script type='text/javascript'>
    document.write( screen.availHeight
            +' / '+ screen.availWidth );
    </script>

  • 執行結果:

    720 / 1280

height

存放螢幕高,單位是像素。

width

存放螢幕寬,單位是像素。

  • 程式用法:

    <script type='text/javascript'>
    document.write( screen.height
            +' / '+ screen.width );
    </script>

  • 執行結果:

    720 / 1280

colorDepth

螢幕顏色的位元數。

pixelDepth

像素的位元數。

  • 程式用法:

    <script type='text/javascript'>
    document.write( screen.colorDepth
            +' / '+ screen.pixelDepth );
    </script>

  • 執行結果:

    24 / 24

  • IE 沒有 pixelDepth。
left

存放距離主螢幕左邊的像素數。

top

存放距離螢幕頂邊的像素數。

  • 程式用法:

    <script type='text/javascript'>
    document.write( screen.left
            +' / '+ screen.top );
    </script>

  • 執行結果:

    undefined / undefined


©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。