In order to access this site you need to enable JavaScript!

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>