Welcome to Bucaro TecHelp!

Bucaro TecHelp
Maintain Your Computer and Use it More Effectively
to Design a Web Site and Make Money on the Web

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Holiday Gift Guide
Holiday Gift Guide

The Screen Object

Maybe your layout is such that the user must have a certain screen size, a minimum screen size, or a certain color depth for your webpage to look right. The Screen object gives you that information about the user's sreen.

Object PropertyReturns
screen.widthThe screen width in pixels
screen.heightThe screen height in pixels
screen.availWidthAvailable screen width after subtracting for task bar
screen.availHeightAvailable screen height after subtracting for task bar
screen.colorDepthNumber of bits used to store a color pixel
screen.fontSmoothingEnabledFont Smoothing as set in Windows Control Panel

Click Here to get screen information.

<script type="text/javascript">
function screenInfo()
{
  var outStr = "Screen Width= " + screen.width + "<br />";
  outStr += "Screen Height= " + screen.height + "<br />";
  outStr += "Available Screen Width= " + screen.availWidth + "<br />";
  outStr += "Available Screen Height= " + screen.availHeight + "<br />";
  outStr += "Color Depth= " + screen.colorDepth + "<br />";
  outStr += "Font Smoothing Enabled= " + screen.fontSmoothingEnabled + "<br />"

  document.getElementById("scrninfo").innerHTML = outStr;
}
</script>

Note: The screen object is a property of the window object, but you don't need to specify the window object when calling the screen object because the window object is the default object.

window.resizeTo(screen.availWidth, screen.availHeight);

An example use of the Screen object might be to use the window object's resizeTo method to make the users browser window go full-screen when it displays your webpage.

More Java Script Code:
• Generating Random Numbers
• Get Webpage File Date and File Size
• Define Lines in a String
• The Document Object Model (DOM)
• JavaScript .big and .small to Change Text Size
• Extract Part of a String
• Java Script Trigonometric Methods
• Java Script Math.cos Method
• Use Escape to Replace Dangerous Characters
• The Location Object

RSS Feed RSS Feed



Follow Stephen Bucaro Follow @Stephen Bucaro


Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2017 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268