/    /  Javascript Screen

Javascript Screen

 

The screen object holds information on the browser screen. It can be provide to display screen width, height, color depth, pixel depth, etc.

The navigator object is the window property. so it can be accessed by:

 

window.screen  
Or,
screen

 

Properties:

 

  • width
  • height
  • availWidth
  • availHeight
  • colorDepth
  • pixelDepth

 

EXAMPLE:

 

<html>
<body>
<script> 
document.writeln("<br/>screen.width: "+screen.width); 
document.writeln("<br/>screen.height: "+screen.height); 
document.writeln("<br/>screen.availWidth: "+screen.availWidth); 
document.writeln("<br/>screen.availHeight: "+screen.availHeight); 
document.writeln("<br/>screen.colorDepth: "+screen.colorDepth); 
document.writeln("<br/>screen.pixelDepth: "+screen.pixelDepth); 
</script>
</body>
</html>

 

OUTPUT:

 

screen.width: 1366
screen.height: 768
screen.availWidth: 1366
screen.availHeight: 728
screen.colorDepth: 24
screen.pixelDepth: 24