最新的Web开发教程
 

窗口resizeBy() Method

<窗口对象

例

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

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
}
试一试»

更多"Try it Yourself"下面的例子。

定义和用法

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

Note:此方法通过限定的像素的指定数目的移动窗口的右下角。 左上角将不会被移动（它停留在原来的坐标）。

相关方法：

  • resizeTo() -调整窗口大小为指定的宽度和高度
  • moveBy() -的相对窗口移动到其当前位置
  • moveTo() -移动一个窗口到指定的位置

浏览器支持

方法
resizeBy() 是 是 是 是 是

句法

resizeBy( 参数值
参数 类型 描述
width Number 需要。 指定多少个像素的正或负号由调整大小的宽度
height Number 需要。 指定多少像素的正或负数通过调整大小的高度

技术细节

返回值： 无返回值
例子

更多示例

例

打开一个新的窗口，和由50像素减少的宽度，并通过50像素增加高度：

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

例

使用resizeBy()连同方法resizeTo()

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

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

例

调整最上面的浏览器窗口100px的各种方式（仅适用于IE和Safari）：

top.resizeBy(100, 100);
试一试»
<窗口对象