Javascript Screen object

Screen object

The javascript screen object is the window property that is used to hold information on the browser screen and to display information related to the screen. It is a property of the window object and thus can be written as window.screen or only screen.

Properties of Screen Object:

PROPERTY USES
screen.availWidth To get the available width of the screen.
screen.availHeight To get the available height of the screen.
screen.colorDepth To get the color depth of the screen.
screen.height To get the height of the screen.
screen.pixelDepth To get the pixel depth of the screen.
screen.width To get the width of the screen.

 

Example:

<!DOCTYPE html>
<html>
<body>
<p id="navigator1"></p>
<p id="navigator2"></p>
<p id="navigator3"></p>
<p id="navigator4"></p>
<p id="navigator5"></p>
<p id="navigator6"></p>
<script>
document.getElementById("navigator1").innerHTML =
"Screen Width: " + screen.width;
document.getElementById("navigator2").innerHTML = "Screen Height: " + screen.height;
document.getElementById("navigator3").innerHTML =
"Available Screen Width: " + screen.availWidth;
document.getElementById("navigator4").innerHTML =
"Available Screen Height: " + screen.availHeight;
document.getElementById("navigator5").innerHTML = "Screen Color Depth: " + screen.colorDepth;
document.getElementById("navigator6").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
</script>
</body>
</html>