TECH I.S.

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);

自分で試してみる»

最新のコンピューターでは、色深度とピクセル深度は同じです。



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細