HTML DOM Window resizeBy() Method
The resizeBy() method in HTML Window is used to resize a window by the specified amount, relative to its current size.
Syntax:
resizeBy(width, height)
property value:
- width: A that specifies the resize pixels of width.
- height: A that specifies the resize pixels of height.
Example:
html
<!DOCTYPE html> < html > < head > < title > Window resizeBy() Method </ title > < style > h1 { color: green; } </ style > </ head > < body > < center > < h1 > Beginner for Beginner </ h1 > < button onclick = "openWin()" > New window </ button > < button onclick = "resizeWin()" > Resize window </ button > < script > var myWindow; function openWin() { myWindow = window.open("", "", "width=100, height=100"); } function resizeWin() { myWindow.resizeBy(300, 300); myWindow.focus(); } </ script > </ center > </ body > </ html > |
Output:
Before:
After:
Supported Browsers: The browser supported by Window resizeBy() Method are listed below:
- Google Chrome 1
- Internet Explorer 4
- Mozilla Firefox 1
- Edge 12
- Opera 12.1
- Safari 1
Contact Us