JavaScript HTML DOM Window resizeBy() 方法

• 

  Window resizeBy() 方法

  resizeBy()方法相对于当前大小，按指定的量调整窗口大小。

  注意：此方法将窗口的右下角移动指定的指定像素数。左上角不会移动（它保持原始坐标）。

  相关方法：

  • resizeTo（） - 将窗口大小调整为指定的宽度和高度
  • moveBy（） - 相对于当前位置移动窗口
  • moveTo（） - 将窗口移动到指定位置

  打开一个新窗口，并相对于其当前位置调整宽度和高度250px：

  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();                                        // Sets focus to the new window
  }

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  resizeBy()	支持	支持	支持	支持	支持

• 

  语法

  resizeBy(width, height)
• 

  参数值

  值	类型	描述
  width	Number	需要。 正数或负数，指定要调整宽度的像素数
  height	Number	需要。 正数或负数，指定要调整高度的像素数

• 

  技术细节

  项目	描述
  返回值：	没有

• 

  更多例子

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

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

  尝试一下

  打开一个新窗口，将宽度减小50px并将高度增加50px：

  myWindow.resizeBy(-50, 50);

  尝试一下

  以单向100px调整最顶层浏览器窗口的大小（仅适用于IE和Safari）：

  top.resizeBy(100, 100);

  尝试一下