You are here: Reference > JavaScript > client-side > browser > methods > resizeTo (window)

resizeTo method (window)

Browser support:
Resizes the browser window to the specified size.
The resizeTo method leaves the top-left corner of the browser window in place, it moves the other corners if necessary.
  • If you want to resize the browser window by a specified amount of pixels, use the resizeBy method.
  • The browser window can be moved with the moveBy and moveTo methods.
  • To get the size and the top-left corner of the browser window, use the outerWidth, outerHeight and the screenX, screenY properties.
  • If you need information about the dimensions of the screen, use the screen object.

Syntax:

object.resizeTo (width, height);
You can find the related objects in the Supported by objects section below.

Parameters:

width
Required. Integer that specifies the new width of the browser window.
height
Required. Integer that specifies the new height of the browser window.

Return value:

This method has no return value.

Example HTML code 1:

This example illustrates the use of the resizeBy and resizeTo methods:
<head>
    <script type="text/javascript">
        function ResizeBrowserBy () {
            window.resizeBy (-50, -50);
        }
        function ResizeBrowserTo () {
            window.resizeTo (600, 400);
        }
    </script>
</head>
<body>
    <button onclick="ResizeBrowserBy ();">Make the browser window smaller!</button>
    <br />
    <button onclick="ResizeBrowserTo ();">Resize the browser window to 600px * 400px</button>
</body>
Did you find this example helpful? yes no

Supported by objects:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content