JavaScript - Webブラウザのオブジェクト(Screenオブジェクト)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

独習JavaScript 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著) の第8章(Webブラウザのオブジェクト)8.8(Screenオブジェクト)練習問題を解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)

1.

Screenオブジェクトで取得可能な情報は画面(モニター)に関する情報なので、1, 2, 3のうち取得可能な情報は3のディスプレイで表示可能な高さと横幅。

2.

解像度が1280×800のディスプレイではscreen.widthの値は1280、screen.heightの値は800となるので正解は1。

今使ってるスクリーンの解像度を取得。

コード(TextWrangler)

var result = "横幅: " + screen.width + " 縦幅: " + screen.height + "<br />";
$('#pre0').html(result);

Screenオブジェクトのプロパティをfor/inで取得してみる。

コード(TextWrangler)

var result = "";
for(var prop in screen){
  result += prop + ": " + screen[prop] + "<br />";
}
$('#pre1').html(result);