轻松上手,快乐学习!

Window resizeBy() 方法


实例

打开一个新窗口,相对于当前位置调整宽度和高度 250px:

function openWin() {
  myWindow = window.open("", "", "width=100, height=100");  // 打开一个新窗口
}

function resizeWin() {
  myWindow.resizeBy(250, 250);                             // 调整新窗口的大小
  myWindow.focus();                                        // 将焦点设置到新窗口
}
亲自试一试 »

页面下方有更多实例。


定义和用法

resizeBy() 方法根据窗口的当前大小,按指定的大小调整窗口的大小。

注释: 此方法将窗口的右下角移动指定的像素数。左上角将不会移动(它将保持在其原始坐标中)。

相关方法:

  • moveBy() - 相对于当前位置移动窗口
  • moveTo() - 将窗口移动到指定位置
  • resizeBy() - 按指定的像素调整窗口大小
  • resizeTo() - 将窗口调整为指定的宽度和高度

浏览器支持

方法
resizeBy() Yes Yes Yes Yes Yes

语法

resizeBy(width, height)

参数值

参数 类型 描述
width Number 必需。一个正数或负数,用于指定宽度调整的像素数
height Number 必需。一个正数或负数,用于指定要调整高度的像素数

技术细节

返回值: 无返回值

更多实例

实例

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

myWindow.resizeBy(-50, 50);
亲自试一试 »

实例

将 resizeBy() 方法与 resizeTo() 一起使用:

function resizeWinTo() {
  myWindow.resizeTo(800, 600);
  myWindow.focus();
}

function resizeWinBy() {
  myWindow.resizeBy(-100, -50);
  myWindow.focus();
}
亲自试一试 »

实例

通过各种方式重新设置窗口大小为100px:

top.resizeBy(100, 100);
亲自试一试 »

❮ Window 对象