Screenオブジェクトの使い方

不言
不言オリジナル
2019-01-29 16:11:113363ブラウズ

Screenオブジェクトの使い方 の Screen オブジェクトは、ユーザーのディスプレイと利用可能なカラー ピクセル数に関する情報を取得できます。これを使用して、幅、高さ、色の深度などのクライアントの画面機能に関する情報を取得できます。 .、以下 Screen オブジェクトの使い方を詳しく見てみましょう。

Screenオブジェクトの使い方

まず Screen オブジェクトのプロパティを見てみましょう。

screen.width: 画面の幅を返します。

screen.height: 画面の高さを返します。

screen.availWidth: 利用可能な幅を返します。

screen.availHeight: 利用可能な高さを返します。

screen.colorDepth: 色深度を返します。

screen.pixelDepth: ピクセル深度を返します。

##次に、これらの属性の具体的な用途を見てみましょう

#最初に画面の幅と高さを見てみましょう

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

screen.height プロパティは、ユーザーの画面の高さ (ピクセル単位) を返します。

具体的な例は次のとおりです

<head>
    <script type="text/javascript">
        function GetDimensions () {
            var scrWidth = document.getElementById ("scrWidth");
            scrWidth.innerHTML = screen.width;
            var scrHeight = document.getElementById ("scrHeight");
            scrHeight.innerHTML = screen.height;
        }
    </script>
</head>
<body onload="GetDimensions ();">
    <h3>屏幕尺寸:</h3>
    Width: <span id="scrWidth"></span><br />
    Height: <span id="scrHeight"></span><br />
</body>

実行結果は次のとおりです:

Screenオブジェクトの使い方それでは見てみましょう

利用可能な幅および画面の高さ

screen.availWidth プロパティは、インターフェイス機能を除いたユーザー画面の幅をピクセル単位で返します。

screen.availHeight プロパティは、インターフェイス関数を除いたユーザー画面の高さ (ピクセル単位) を返します。

例は次のとおりです:

<head>
    <script type="text/javascript">
        function GetDimensions () {
            var availWidth = document.getElementById ("availWidth");
            availWidth.innerHTML = screen.availWidth;
            var availHeight = document.getElementById ("availHeight");
            availHeight.innerHTML = screen.availHeight;
        }
    </script>
</head>
<body onload="GetDimensions ();">
    <h3>可用面积尺寸:</h3>
    Width: <span id="availWidth"></span><br />
    Height: <span id="availHeight"></span><br />
</body>

実行結果は次のとおりです:

##最後にScreenオブジェクトの使い方画面の色と色を見てみましょう。ピクセル数

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

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

例は次のとおりです

<head>
    <script type="text/javascript">
        function GetDimensions () {
             var colorDepth =document.getElementById("colorDepth");
            colorDepth.innerHTML = screen.colorDepth; 
            var pixelDepth =document.getElementById("pixelDepth");
            pixelDepth.innerHTML =  screen.pixelDepth; 
        }
    </script>
</head>
<body onload="GetDimensions ();">
   color:<span id="colorDepth"></span><br />
    pixel:<span id="pixelDepth"></span>
</body>

実行中の効果は次のとおりです

##この記事 この記事はここで終わります。さらに興味深い内容については、PHP 中国語 Web サイトの他の関連コラム チュートリアルに注目してください。 ! !

Screenオブジェクトの使い方

以上がScreenオブジェクトの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

関連記事

続きを見る