resizeBy(), resizeTo() メソッド
Window.resizeBy()
、Window.resizeTo()
resizeBy()、resizeTo() メソッドは、 window オブジェクトの表示サイズを変更するメソッドです。
resizeBy() は指定数分の増減によって Window のサイズを変更します。resizeTo() メソッドは指定サイズに Window の大きさを変更します。
これらのメソッドは open() メソッドで開いた単独のフル画面表示ではないウィンドウが対象です。
Window オブジェクトには、現在の window を参照するや開いた親 Windown を参照するといった、以下のような関連するプロパティがあります。
詳しくはWindow プロパティ Example
を参照してください
Windowプロパティ | 概要 |
self | Window オブジェクト自信を取得 |
opener | 現在の Window を開いた Window を取得 |
top | Window の階層の最上位の Window の参照を取得 |
window | カレント Window オブジェクト |
resizeBy() メソッド
Window.resizeBy()
resizeBy() メソッドは、 Window オブジェクトのサイズを水平方向と垂直方向の指定数分だけ Window のサイズを増減するメソッドです。
指定数の単位はピクセルです。マイナスの値も指定できます。マイナスの値では現在のサイズを基準に縮小します。
open() メソッドで開いた単独のフル画面表示ではないウィンドウが対象です。複数の Window をともなうタブ表示されたウィンドウやフル画面表示されたウィンドウは移動できません。
Syntax
in JavaScript
window.resizeBy();とも記述できます。
resizeBy( X, Y );
引数(Parameter Values)
サイズの変更量を数値で指定します。単位はピクセルです。
引数 | 概要 |
X | 水平方向のサイズ変更量を数値で |
Y | 垂直方向のサイズ変更量を数値で |
返り値(Return Values)
返り値はないです。
Example
resizeBy() メソッドの例です。以下の確認
ボタンをクリックしてください。新たな Window でページを開きます。
そのページにあるresizeBy() を実行
ボタンをクリックするとそのウィンドウの大きさが変更されます。
resizeTo() メソッド
window.resizeTo()
resizeTo() メソッドは、 window オブジェクトを指定するサイズに変更するメソッドです。
左上端を基準に、水平、垂直で長さを数値で指定します。単位はピクセルです。
open() メソッドで開いた単独のフル画面表示ではないウィンドウが対象です。複数の Window をともなうタブ表示されたウィンドウやフル画面表示されたウィンドウは移動できません。
Syntax
in JavaScript
window.open();とも記述できます。
resizeTo( X, Y );
引数(Parameter Values)
表示サイズを数値で指定します。基準は左上端です。単位はピクセルです。
引数 | 概要 |
X | 水平方向の長さを数値で |
Y | 垂直方向の長さを数値で |
返り値(Return Values)
返り値はないです。
Example
resizeTo() メソッドの例です。以下の確認
ボタンをクリックしてください。新たな Window でページを開きます。
そのページにある resizeTo() を実行
ボタンをクリックするとそのウィンドウが指定サイズに変更されます。