JavaScript Tutorial/Screen/Screen Object
Содержание
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>