Window: resizeBy() 方法

Window.resizeBy() 方法按指定大小调整当前窗口的大小。

语法

js
resizeBy(xDelta, yDelta)

参数

  • xDelta 是水平方向上窗口增长的像素数。
  • yDelta 是垂直方向上窗口增长的像素数。

返回值

无 (undefined).

示例

js
// Shrink the window
window.resizeBy(-200, -200);

注意事项

此方法根据当前大小调整窗口大小。要以绝对方式调整窗口大小，请使用 window.resizeTo()。

创建和调整外部窗口的大小

出于安全原因，在 Firefox 中，网站不再能够更改浏览器中窗口的默认大小，除非该窗口是由 window.open() 创建的，或者包含多个选项卡。有关更改的详细信息，请参阅兼容性表格。

即使您通过 window.open() 创建窗口，**默认情况下它也是不可调整大小的。** 要使窗口可调整大小，您必须使用 "resizable" 功能打开它。

js
// Create resizable window
myExternalWindow = window.open(
  "https://example.com",
  "myWindowName",
  "resizable",
);

// Resize window to 500x500
myExternalWindow.resizeTo(500, 500);

// Make window relatively smaller to 400x400
myExternalWindow.resizeBy(-100, -100);

您创建的窗口必须遵守同源策略。如果您打开的窗口与当前窗口不在同一个源，则您将无法调整该窗口/选项卡的大小或访问其上的任何信息。

规范

规范
CSSOM 视图模块
# dom-window-resizeby

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。

注意：此功能可能不会同步调整窗口大小。在某些环境（如移动设备）中，它可能根本不会调整窗口大小。您可以监听 resize 事件以查看窗口是否/何时调整大小。