備忘録的プログラミングリファレンス

resizeBy(), resizeTo() メソッド

Window.resizeBy()Window.resizeTo()

 resizeBy()resizeTo() メソッドは、 window オブジェクトの表示サイズを変更するメソッドです。

 resizeBy() は指定数分の増減によって Window のサイズを変更します。resizeTo() メソッドは指定サイズに Window の大きさを変更します。

 これらのメソッドは open() メソッドで開いた単独のフル画面表示ではないウィンドウが対象です。

 Window オブジェクトには、現在の window を参照するや開いた親 Windown を参照するといった、以下のような関連するプロパティがあります。 詳しくはWindow プロパティ Exampleを参照してください

Windowプロパティ概要
selfWindow オブジェクト自信を取得
opener現在の Window を開いた Window を取得
topWindow の階層の最上位の Window の参照を取得
windowカレント Window オブジェクト
resizeBy() メソッド
指定数によるサイズ変更
resizeTo() メソッド
指定サイズに変更

resizeBy() メソッド

Window.resizeBy()

 resizeBy() メソッドは、 Window オブジェクトのサイズを水平方向と垂直方向の指定数分だけ Window のサイズを増減するメソッドです。

 指定数の単位はピクセルです。マイナスの値も指定できます。マイナスの値では現在のサイズを基準に縮小します。

resizeBy()メソッド
resizeBy(10, -10);
詳しくはExampleを参照してください

 open() メソッドで開いた単独のフル画面表示ではないウィンドウが対象です。複数の Window をともなうタブ表示されたウィンドウやフル画面表示されたウィンドウは移動できません。

ページ内 Index

Syntax

in JavaScript

 window.resizeBy();とも記述できます。

resizeBy( X, Y );

引数(Parameter Values)

 サイズの変更量を数値で指定します。単位はピクセルです。

引数概要
X水平方向のサイズ変更量を数値で
Y垂直方向のサイズ変更量を数値で

返り値(Return Values)

 返り値はないです。

Example

 resizeBy() メソッドの例です。以下の確認ボタンをクリックしてください。新たな Window でページを開きます。
 そのページにあるresizeBy() を実行ボタンをクリックするとそのウィンドウの大きさが変更されます。

resizeTo() メソッド

window.resizeTo()

 resizeTo() メソッドは、 window オブジェクトを指定するサイズに変更するメソッドです。

 左上端を基準に、水平、垂直で長さを数値で指定します。単位はピクセルです。

指定サイズに変更
resizeTo( 100, 100 );
詳しくはExampleを参照してください

  open() メソッドで開いた単独のフル画面表示ではないウィンドウが対象です。複数の Window をともなうタブ表示されたウィンドウやフル画面表示されたウィンドウは移動できません。

ページ内 Index

Syntax

in JavaScript

 window.open();とも記述できます。

resizeTo( X, Y );

引数(Parameter Values)

 表示サイズを数値で指定します。基準は左上端です。単位はピクセルです。

引数概要
X水平方向の長さを数値で
Y垂直方向の長さを数値で

返り値(Return Values)

 返り値はないです。

Example

 resizeTo() メソッドの例です。以下の確認ボタンをクリックしてください。新たな Window でページを開きます。
 そのページにある resizeTo() を実行ボタンをクリックするとそのウィンドウが指定サイズに変更されます。