window方法:resizeBy()
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 | |
基本支持 | 支持 | ? | 支持 | ? | ? | ? | 支持 | 支持 | ? | 支持 | ? | ? |