JavaScriptウィンドウ画面
window.screenオブジェクトには、ユーザーの画面に関する情報が含まれています。
ウインドウスクリーン
window.screen
オブジェクトは、ウインドウプレフィックスなしで記述することができます。
プロパティ:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
ウィンドウ画面幅
screen.width
プロパティは、訪問者の画面の幅をピクセル単位で返します。
例
画面の幅をピクセル単位で表示します。
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
結果は次のようになります。
document.write("Screen Width: " + screen.width);
ウィンドウ画面の高さ
screen.height
プロパティは、訪問者の画面の高さをピクセル単位で返します。
例
画面の高さをピクセル単位で表示します。
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
結果は次のようになります。
document.write("Screen Height: " + screen.height);
ウィンドウ画面の有効幅
screen.availWidth
プロパティは、Windowsタスクバーなどのインターフェイス機能を除いた、訪問者の画面の幅をピクセル単位で返します。
例
画面の利用可能な幅をピクセル単位で表示します。
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
結果は次のようになります。
document.write("Available Screen Width: " + screen.availWidth);
窓スクリーン利用可能な高さ
screen.availHeight
プロパティは、Windowsタスクバーなどのインターフェイス機能を除いた、訪問者の画面の高さをピクセル単位で返します。
例
画面の利用可能な高さをピクセル単位で表示します。
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
結果は次のようになります。
document.write("Available Screen Height: " + screen.availHeight);
ウィンドウ画面の色深度
screen.colorDepth
プロパティは、1つの色の表示に使用されるビット数を返します。
最新のコンピューターはすべて、色の解像度に24ビットまたは 32ビットのハードウェアを使用しています。
- 24ビット = 16,777,216種類の「True Colors」
- 32ビット = 4,294,967,296種類の「ディープカラー」
古いコンピュータは16ビット:65,536種類の「ハイカラー」解像度が使用されていました。
非常に古いコンピューターや古い携帯電話では、8ビット、つまり256種類の「VGAカラー」が使用されていました。
例
画面の色深度をビット単位で表示します。
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
結果は次のようになります。
document.write("Screen Color Depth: " + screen.colorDepth);
HTMLで使用される#rrggbb(rgb)値は、「True Colors」(16,777,216色)を表します。
ウィンドウ画面のピクセル深度
screen.pixelDepth
プロパティは、画面のピクセル深度を返します。
例
画面のピクセル深度をビット単位で表示します。
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
結果は次のようになります。
document.write("Screen Pixel Depth: " + screen.pixelDepth);
最新のコンピューターでは、色深度とピクセル深度は同じです。
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。