编辑这个页面须要登录或更高权限!

Window resizeBy() 方法

JavaScript Window 对象

resizeBy()方法将当前窗口的大小调整为指定的大小。

此方法相对于其当前大小调整窗口大小。要绝对地调整窗口大小,请使用window.resizeTo()

语法:

window.resizeBy(width, height)
// 打开新窗口的函数
function windowOpen() {
  popupWindow = window.open("", "", "width=150, height=150");
}

// 调整打开窗口大小的函数
function windowResize() {
  popupWindow.resizeBy(200, 200);
  popupWindow.focus();
}
测试看看‹/›

浏览器兼容性

所有浏览器完全支持resizeBy()方法:

Method
resizeBy()

参数值

参数描述
width水平增加窗口的像素数
height垂直增加窗口的像素数

技术细节

返回值:没有

更多实例

打开一个新窗口,将宽度减少100px,将高度增加100px:

function windowResize() {
  popupWindow.resizeBy(-100, 100);
  popupWindow.focus();
}
测试看看‹/›

此示例将resizeBy()与resizeTo()结合使用:

function windowResizeTo() {
  popupWindow.resizeTo(500, 500);
  popupWindow.focus();
}

function windowResizeBy() {
  popupWindow.resizeBy(100, 100);
  popupWindow.focus();
}
测试看看‹/›

相关参考

窗口(Window)参考:resizeTo()方法

窗口(Window)参考:moveTo()方法

窗口(Window)参考:moveBy()方法

JavaScript Window 对象