How to maximize the browser window to the screen?

This cross-browser example shows how to ensure that the browser window always opens maximized to the screen.

Place this script to the top of your index HTML page.

<script language="JavaScript1.2"> 
top.window.moveTo(0,0); 
if (document.all) 
   { top.window.resizeTo(screen.availWidth,screen.availHeight); } 
else if 
   (document.layers || document.getElementById) 
   { 
   if 
    (top.window.outerHeight < screen.availHeight || top.window.outerWidth < 
screen.availWidth)
     { top.window.outerHeight = top.screen.availHeight; 
       top.window.outerWidth = top.screen.availWidth; } 
   } 
</script>

document.all works for Internet Explorer while document.layers works for Mozilla browsers (NN6+).

top refers to the window that is on top of all other windows in the window object hierarchy.

top.window.moveTo(0,0) will display the top window at these coordinates ie. the upper left corner of the screen.

resizeTo(x,y) will resize the window to the size specified.

availWidth and availHeight are properties of the screen object which can detect the available screen space.

Related threads:
How do I Make a Webpage automatically maximize its screen

JavaScript FAQ

 

Advertisement

Free Magazine