window方法:resizeBy()

2018-09-17 13:54 更新

resizeBy()方法

resizeBy()方法按一定数量调整当前窗口的大小。

resizeBy()方法语法

window.resizeBy(xDelta,yDelta) 

参数

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

示例

// shrink the window 
window.resizeBy(-200, -200);

笔记

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

出于安全原因,如果窗口不是由window.open创建的或包含多个选项卡,则web站点不再可能更改浏览器中窗口的默认大小。 

此外,即使您使用window.open(...) 创建窗口,默认情况下也无法调整大小。 要让通过window.open()创建的窗口可调整大小,必须使用可调整大小的功能打开它。

使用“可调整大小”功能创建和调整外部窗口大小

myExternalWindow = window.open("http://myurl.domain", "myWindowName", "resizable");
myExternalWindow.resizeTo(500,500); //resize window to 500x500
myExternalWindow.resizeBy(-100,-100); //make it smaller relatively => to 400x4

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

规范

规范 状态 注释
CSS对象模型(CSSOM)视图模块
该规范中'window.resizeBy()'的定义。
Working Draft
 

浏览器兼容性

电脑端 移动端
Chrome
Edge
Firefox
Internet Explorer Opera
Safari
Android webview Chrome for Android
Edge Mobile Firefox for Android
Opera for Android
iOS Safari
基本支持 支持 支持 支持 支持 支持
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号