Mega Code Archive

 
Categories / JavaScript Tutorial / Screen
 

Screen

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>