screen : Screen Object « Screen « JavaScript Tutorial






The screen object provides an access to various properties of the user's screen.

These properties are often accessed and used sizing windows that various scripts open.

Properties of the screen Object

ItemDescription
AvailHeightReturns the pixel height of the user's screen, minus the toolbar or any other "permanent" objects.
availWidthReturns the pixel width of the user's screen, minus the toolbar or any other "permanent" objects.
colorDepthReturns the maximum number of colors the user's screen can display. This is in bit format.
heightReturns the pixel height of the user's screen.
pixelDepthReturns the number of bits per pixel of the user's screen. Internet Explorer did not support this property at the time of this writing and returns undefined.
widthReturns the pixel width of the user's screen.


<html>
    <head>
    <script language="JavaScript1.2">
    <!--
    function openWin(){
      var myWin = open("", "","width=450,height=200");

      myWin.document.write("The availHeight is: " + screen.availHeight + "<br>");
      myWin.document.write("The availWidth is: " + screen.availWidth + "<br>");
      myWin.document.write("The colorDepth is: " + screen.colorDepth + "<br>");
      myWin.document.write("The height is: " + screen.height + "<br>");
      myWin.document.write("The pixelDepth is: " + screen.pixelDepth + "<br>");
      myWin.document.write("The width is: " + screen.width + "<br>");
      myWin.document.close();
    }
    -->
    </script>
    </head>
    <body>
    <form name="myForm">
      <input type=BUTTON value="Click to See Screen Properties" name="myButton" onClick="openWin()">
    </form>
    </body>
    </html>








18.1.Screen Object
18.1.1.screen
18.1.2.screen.availHeight
18.1.3.screen.availLeft
18.1.4.screen.availTop
18.1.5.screen.availWidth
18.1.6.screen.colorDepth
18.1.7.screen.height
18.1.8.Screen.pixelDepth
18.1.9.screen.width