English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Window resizeBy() メソッド

JavaScript Window オブジェクト

resizeBy()メソッドを使用して現在のウィンドウのサイズを指定の大きさに調整してください。

このメソッドは現在のウィンドウのサイズに対してサイズを調整します。絶対にサイズを調整するには、window.resizeTo()

文法:

window.resizeBy(width, height)
// 新しいウィンドウを開く関数
function windowOpen() {
  popupWindow = window.open("", "", "width=150, height=150");
}
// ウィンドウのサイズを調整する関数
function windowResize() {
  popupWindow.resizeBy(200, 200);
  popupWindow.focus();
}
テストを見て‹/›

ブラウザの互換性

すべてのブラウザはresizeBy()メソッドを完全にサポートしています:

メソッド
resizeBy()

パラメータの値

パラメータ説明
widthウィンドウのピクセル数を水平に増やします
heightウィンドウのピクセル数を垂直に増やします

技術的詳細

返り値:ありません

さらに多くの例

新しいウィンドウを開き、幅を狭くします100px、高さを増やします100px:

function windowResize() {
  popupWindow.resizeBy(-100, 100);
  popupWindow.focus();
}
テストを見て‹/›

この例ではresizeBy()とresizeTo()を組み合わせて使用します:

function windowResizeTo() {
  popupWindow.resizeTo(500, 500);
  popupWindow.focus();
}
function windowResizeBy() {
  popupWindow.resizeBy(100, 100);
  popupWindow.focus();
}
テストを見て‹/›

関連リファレンス

ウィンドウ(Window)リファレンス:resizeTo()メソッド

ウィンドウ(Window)リファレンス:moveTo()メソッド

ウィンドウ(Window)リファレンス:moveBy()メソッド

JavaScript Window オブジェクト