Window resizeBy() Method

## JavaScript Reference

Overview

## JavaScript Objects

JS Array JS Boolean JS Date JS Math JS Number JS String JS RegExp JS Global

## Browser Objects

Window Navigator Screen History Location

## HTML DOM Objects

DOM Document DOM Elements DOM Attributes DOM Events

## HTML Objects

DOM Anchor DOM Area DOM Base DOM Body DOM Button DOM Form DOM Frame/IFrame DOM Frameset DOM Image DOM Input Button DOM Input Checkbox DOM Input File DOM Input Hidden DOM Input Password DOM Input Radio DOM Input Reset DOM Input Submit DOM Input Text DOM Link DOM Meta DOM Object DOM Option DOM Select DOM Style DOM Table DOM td / th DOM tr DOM Textarea

# Window resizeBy() Method

Window Object

## Example

Open a new window, and resize the width and height 250px relative to its current position:

function openWin()
{
myWindow = window.open("","","width=100,height=100"); // Opens a new window
}
function resizeWin()
{
myWindow.resizeBy(250,250); // Resizes the new window
myWindow.focus(); // Assures that the new window gets focus
}
Try it yourself »

## Definition and Usage

The resizeBy() method resizes a window by the specified amount, relative to its current size.

Note: This method moves the bottom right corner of the window by the specified number of pixels defined. The top left corner will not be moved (it stays in its original coordinates).

Related methods:

- resizeTo() - Resizes the window to the specified width and height
- moveBy() - Moves a window relative to its current position
- moveTo() - Moves a window to the specified position

## Browser Support

The resizeBy() method is supported in all major browsers.

## Syntax

resizeBy(width,height)

## Parameter Values

Parameter | Description
--- | ---
width | Required. A positive or a negative number that specifies how many pixels to resize the width by
height | Required. A positive or a negative number that specifies how many pixels to resize the height by

## Return Value

No return value.

## More Examples

## Example

Open a new window, and decrease the width by 50px and increase the height by 50px:

myWindow.resizeBy(-50,50);
Try it yourself »

## Example

Using the resizeBy() method together with resizeTo():

function resizeWinTo()
{
myWindow.resizeTo(800,600);
myWindow.focus();
}
function resizeWinBy()
{
myWindow.resizeBy(-100,-50);
myWindow.focus();
}
Try it yourself »

## Example

Resize the topmost browser window with 100px each way:

top.resizeBy(100,100);
Try it yourself »

Window Object

## Your suggestion:

Your E-mail (optional):

Page address:

Description:

Close [X]

## Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

## WEB HOSTING

Best Web Hosting UK Reseller Hosting Wow! $5 SSD Hosting

## WEB BUILDING

Download XML Editor
FREE Website BUILDER FREE Website Creator

## WEB RESOURCES

Web Statistics Web Validation

## SHARE THIS PAGE