window方法:resizeBy()

2018-09-17 13:54 更新

resizeBy()方法

resizeBy()方法按一定數(shù)量調整當前窗口的大小。

resizeBy()方法語法

window.resizeBy(xDelta,yDelta) 

參數(shù)

  • xDelta是水平增長窗口的像素數(shù)。
  • yDelta是垂直增長窗口的像素數(shù)。

示例

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

筆記

此方法相對于當前大小調整窗口大小。要以絕對值調整窗口大小,請使用window.resizeTo。 

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

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

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

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)建的窗口必須遵守同源策略。如果您打開的窗口與當前窗口不在同一個窗口中,您將無法調整窗口/選項卡的大小或訪問該窗口/選項卡上的任何信息。

規(guī)范

規(guī)范 狀態(tài) 注釋
CSS對象模型(CSSOM)視圖模塊
該規(guī)范中'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

公眾號
微信公眾號

編程獅公眾號