2007年5月13日(日) 12時43分59秒 [情報取得]
ディスプレイ(画面)の横幅・高さを得る
JavaScriptでは、ウェブページの閲覧者が利用している環境の、ディスプレイ(画面)の横幅や高さを知ることができます。ブラウザのウインドウサイズではなく、ディスプレイそのものの大きさです。
以下のボックスには、あなたのディスプレイの大きさが表示されているはずです。
閲覧者(JavaScriptが実行されている環境)のディスプレイサイズを知るには、screenオブジェクトのwidthプロパティやheightプロパティを参照するだけです。
例えば、以下のようなJavaScriptソースで得られます。
var sw = screen.width;
var sh = screen.height;
上記のJavaScriptソースで、変数swにはディスプレイの横幅が格納され、変数shには高さが格納されます。
さらに、以下のように書けば、先ほどの実行例のように画面サイズを出力できます。
document.write("画面サイズは、 " + sw + "×" + sh + " です。");
閲覧者のディスプレイサイズを把握できれば、ディスプレイいっぱいに広げたサブウインドウを生成したり、描画に必要となる面積が足りているかどうかを事前に調べたりするのに活用できそうです。
この日記へのコメントはお気軽に! コメント数:0 トラックバック数:0
| « 任意の要素(ブロックなど)の背景色を変更する |
前後のエントリ < 旧 / 新 > | 直前のページに戻るリンクを作る » |
JavaScript TIPS 主要なカテゴリ
現在、以下のカテゴリに区分してTIPSを公開しています。