最新のWeb開発のチュートリアル
 

resizeBy() Method

<ウィンドウオブジェクト

新しいウィンドウを開き、現在の位置に幅と高さ250ピクセルの相対サイズを変更:

function openWin() {
    myWindow = window.open("", "", "width=100, height=100");  // Opens a new window
}

function resizeWin() {
    myWindow.resizeBy(250, 250);                             // Resizes the new window
    myWindow.focus();                                        // Sets focus to the new window
}
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

resizeBy()メソッドは、現在のサイズに対して、指定された量によってウィンドウのサイズを変更します。

Note:この方法は、定義されたピクセルの指定された数により、ウィンドウの右下隅を移動させます。 左上隅が(それはその元の座標に留まって)移動されません。

関連する方法:

  • resizeTo() -指定された幅と高さにウィンドウのサイズを変更
  • moveBy() -現在の位置にウィンドウを相対的に移動
  • moveTo() -指定された位置にウィンドウを移動します

ブラウザのサポート

方法
resizeBy() はい はい はい はい はい

構文

resizeBy( パラメータ値
パラメーター タイプ 説明
width Number 必須。 どのように多くのピクセルを指定する正または負の数はで幅を変更するには
height Number 必須。 どのように多くのピクセルを指定する正または負の数はで、高さのサイズを変更するには

技術的な詳細

戻り値: 戻り値なし

例

その他の例

新しいウィンドウを開き、は50pxで幅を狭くしては50pxで高さを増やします。

myWindow.resizeBy(-50, 50);
»それを自分で試してみてください

使用resizeBy()と一緒に方法をresizeTo()

function resizeWinTo() {
    myWindow.resizeTo(800, 600);
    myWindow.focus();
}

function resizeWinBy() {
    myWindow.resizeBy(-100, -50);
    myWindow.focus();
}
»それを自分で試してみてください

100pxにしてそれぞれの道を(IEのみとSafariで動作します)最上位のブラウザウィンドウのサイズを変更:

top.resizeBy(100, 100);
»それを自分で試してみてください

<ウィンドウオブジェクト