現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

ウィンドウ

ウィンドウのサイズを調べたい

投稿日:

★.innerWidth ウィンドウの内側の幅を参照/設定
★.innerHeight ウィンドウの内側の高さを参照/設定
★.outerWidth ウィンドウの外側の幅を参照/設定
★.outerHeight ウィンドウの外側の高さを参照/設定
★・・・Windowオブジェクト(ウィンドウ名)【省略可】

指定したウィンドウの幅や高さを参照/設定するプロパティです。サイズや変更量はピクセル単位で指定します。これらのプロパティの働きは、resizeToやresizeByメソッドに似ていますが、値を参照できる点が異なります。ただし、Internet Explorerには対応していないため、サイズの指定にはresizeToやresizeByメソッドを使用した方がよいでしょう。

スポンサーリンク

innerWidth、innerHeightプロパティ
ウィンドウの内側(表示領域)の幅や高さを参照/設定します。

outerWidth、outerHeightプロパティ
ウィンドウの外側(ウィンドウ全体)の高さや幅を参照/設定します。

文例
iw = innerWidth;
変数 iw に現在のウィンドウの内側の幅を代入します。
ih = innerHeight;
変数 ih に現在のウィンドウの内側の高さを代入します。
document.write(“ウィンドウの外側の幅:” + outerWidth + ““);
ウィンドウの外側の幅を表示します。
outerHeight = 480;
ウィンドウの外側の高さを 480 ピクセルに設定します。

スポンサーリンク

-ウィンドウ
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

JavaScriptのscrollToを使ってページをスクロールさせてみよう!

★.scrollTo(♦, ♢) 指定位置にスクロールする ★・・・Windowオブジェクト(ウィンドウ名)【省略可】 ♦・・・X座標 ♢・・・Y座標 スポンサーリンク

ウィンドウを閉じたい

★.close() ★・・・Windowオブジェクト(ウィンドウ名)【省略可】 スポンサーリンク ウィンドウを閉じるには、closeメソッドを使用します。★に指定したウィンドウを閉じ、ウィンドウ名を省 …

ドキュメントの端からの位置を参照/設定したい

★.pageXOffset 横方向のオフセットを参照/設定 ★.pageYOffset 縦方向のオフセットを参照/設定 スポンサーリンク ★・・・Windowオブジェクト(ウィンドウ名)【省略可】 & …

ウィンドウの位置を指定したい

★.moveTo(♦, ♢) ウィンドウ位置を設定 ★.moveBy(▲, △) ウィンドウ位置を相対的に変更 ★・・・Windowオブジェクト(ウィンドウ名)【省略可】 &#x2666 …

ブラウザのボタンと同様の処理をしたい

★.back() 1つ前のページに戻る ★.forward() 1つ先のページに進む ★.home() ホームページに移動 ★.print() 印刷する ★.stop() 読み込みを中止 ★.find …