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 >
Geeks for Geeks
</ 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