最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScript Window Screen


window.screenオブジェクトは、ユーザの画面に関する情報が含まれています。


Window Screen

window.screenオブジェクトは、ウィンドウの接頭辞なしで書き込むことができます。

プロパティ:

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

Window Screen Width

screen.widthプロパティは、ピクセル単位での訪問者の画面の幅を返します。

ピクセル単位で画面の幅を表示します。

document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;

結果は次のようになります。

Screen Width: 1600
»それを自分で試してみてください

Window Screen Height

screen.heightプロパティは、ピクセル単位で訪問者の画面の高さを返します。

画面の高さをピクセル単位で表示します。

document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;

結果は次のようになります。

Screen Height: 900
»それを自分で試してみてください

Window Screen利用可能な幅

screen.availWidthプロパティは、ピクセル単位で、訪問者の画面の幅を返し、マイナスインターフェイスはWindowsタスクバーのようにしています。

ピクセル単位で画面の使用可能な幅を表示します。

document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;

結果は次のようになります。

Available Screen Width: 1600
»それを自分で試してみてください

Window Screen利用可能な高さ

screen.availHeightプロパティは、ピクセル単位で、訪問者の画面の高さを返し、マイナスインターフェイスはWindowsタスクバーのようにしています。

ピクセル単位で画面の利用可能な高さを表示します。

document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;

結果は次のようになります。

Available Screen Height: 860
»それを自分で試してみてください

Window Screen色深度

screen.colorDepthプロパティは、一つの色を表示するために使用されるビット数を返します。

すべての現代のコンピュータは、色の解像度のための24ビットまたは32ビットのハードウェアを使用します。

  • 24ビット= 16777216異なる「トゥルー・カラーズ」
  • 32ビット= 4294967296異なる「ディープカラー」

65536異なる「高色 "解像度:古いコンピュータは、16ビットを使用します。

256異なる「VGA色」:非常に古いコンピュータ、および古い携帯電話は、8ビットを使用していました。

ビットの画面の色深度を表示します。

document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;

結果は次のようになります。

Screen Color Depth: 24
»それを自分で試してみてください

#rrggbb (rgb) HTMLで使用される値が表す「トゥルー・カラーズ」( 16,777,216異なる色)


Window Screenピクセル深度

screen.pixelDepthプロパティは、画面のピクセル深度を返します。

ビットの画面のピクセル深度を表示します。

document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;

結果は次のようになります。

Screen Pixel Depth: 24
»それを自分で試してみてください

現代のコンピュータの場合は、色深度とピクセル深度は同じです。