window方法:resizeBy()

2018-09-17 13:54 更新

resizeBy()方法

resizeBy()方法按一定數(shù)量調(diào)整當(dāng)前窗口的大小。

resizeBy()方法語法

window.resizeBy(xDelta,yDelta) 

參數(shù)

  • xDelta是水平增長(zhǎng)窗口的像素?cái)?shù)。
  • yDelta是垂直增長(zhǎng)窗口的像素?cái)?shù)。

示例

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

筆記

此方法相對(duì)于當(dāng)前大小調(diào)整窗口大小。要以絕對(duì)值調(diào)整窗口大小,請(qǐng)使用window.resizeTo。 

出于安全原因,如果窗口不是由window.open創(chuàng)建的或包含多個(gè)選項(xiàng)卡,則web站點(diǎn)不再可能更改瀏覽器中窗口的默認(rèn)大小。 

此外,即使您使用window.open(...) 創(chuàng)建窗口,默認(rèn)情況下也無法調(diào)整大小。 要讓通過window.open()創(chuàng)建的窗口可調(diào)整大小,必須使用可調(diào)整大小的功能打開它。

使用“可調(diào)整大小”功能創(chuàng)建和調(diào)整外部窗口大小

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

您創(chuàng)建的窗口必須遵守同源策略。如果您打開的窗口與當(dāng)前窗口不在同一個(gè)窗口中,您將無法調(diào)整窗口/選項(xiàng)卡的大小或訪問該窗口/選項(xiàng)卡上的任何信息。

規(guī)范

規(guī)范 狀態(tài) 注釋
CSS對(duì)象模型(CSSOM)視圖模塊
該規(guī)范中'window.resizeBy()'的定義。
Working Draft
 

瀏覽器兼容性

電腦端 移動(dòng)端
Chrome
Edge
Firefox
Internet Explorer Opera
Safari
Android webview Chrome for Android
Edge Mobile Firefox for Android
Opera for Android
iOS Safari
基本支持 支持 ? 支持 ? ? ? 支持 支持 ? 支持 ?
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)