JavaScript Tutorial/Screen/Screen Object

Материал из Web эксперт
Перейти к: навигация, поиск

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

Item Description AvailHeight Returns the pixel height of the user"s screen, minus the toolbar or any other "permanent" objects. availWidth Returns the pixel width of the user"s screen, minus the toolbar or any other "permanent" objects. colorDepth Returns the maximum number of colors the user"s screen can display. This is in bit format. height Returns the pixel height of the user"s screen. pixelDepth Returns 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. width Returns the pixel width of the user"s screen.



   <source lang="javascript">

<html>

   <head>
   <script language="JavaScript1.2">
   
   </script>
   </head>
   <body>
   <form name="myForm">
     <input type=BUTTON value="Click to See Screen Properties" name="myButton" onClick="openWin()">
   </form>
   </body>
   </html></source>
   
  

screen.availHeight

The availHeight property gets the available pixel height of the user"s screen.

This height is minus any toolbar or any other "permanent" objects that may be on the user"s screen.



   <source lang="javascript">

<html>

   <script language="JavaScript1.2">
   
   </script>

</html></source>


screen.availLeft

   <source lang="javascript">

<html> <head> <title>History</title> </head> <body> <script type="text/javascript">

   document.writeln("screen.availTop: " + screen.availTop + "
"); document.writeln("screen.availLeft: " + screen.availLeft + "
"); document.writeln("screen.availWidth: " + screen.availWidth + "
"); document.writeln("screen.availHeight: " + screen.availHeight + "
"); document.writeln("screen.colorDepth: " + screen.colorDepth + "
"); document.writeln("screen.pixelDepth: " + screen.pixelDepth + "
");

</script> </body> </html></source>


screen.availTop

   <source lang="javascript">

<html> <head> <title>History</title> </head> <body> <script type="text/javascript">

   document.writeln("screen.availTop: " + screen.availTop + "
"); document.writeln("screen.availLeft: " + screen.availLeft + "
"); document.writeln("screen.availWidth: " + screen.availWidth + "
"); document.writeln("screen.availHeight: " + screen.availHeight + "
"); document.writeln("screen.colorDepth: " + screen.colorDepth + "
"); document.writeln("screen.pixelDepth: " + screen.pixelDepth + "
");

</script> </body> </html></source>


screen.availWidth

The availWidth property gets the available pixel width of the user"s screen.

This width is minus any toolbar or any other "permanent" objects that may be on the user"s screen.



   <source lang="javascript">

<html>

   <script language="JavaScript1.2">
   
   </script>

</html></source>


screen.colorDepth

   <source lang="javascript">

<html> <head> <title>History</title> </head> <body> <script type="text/javascript">

   document.writeln("screen.availTop: " + screen.availTop + "
"); document.writeln("screen.availLeft: " + screen.availLeft + "
"); document.writeln("screen.availWidth: " + screen.availWidth + "
"); document.writeln("screen.availHeight: " + screen.availHeight + "
"); document.writeln("screen.colorDepth: " + screen.colorDepth + "
"); document.writeln("screen.pixelDepth: " + screen.pixelDepth + "
");

</script> </body> </html></source>


screen.height

The height property of the screen object accesses the height of the user"s screen in pixels.



   <source lang="javascript">

<html>

   <script language="JavaScript1.2">
   
   </script>

</html></source>


Screen.pixelDepth

The pixelDepth property gets the number of bits per pixel of the user"s screen.



   <source lang="javascript">

<html>

   <script language="JavaScript1.2">
   
   </script>

</html></source>


screen.width

The width property gets the width of the user"s screen in pixels.



   <source lang="javascript">

<html>

   <script language="JavaScript1.2">
   
   </script>

</html></source>