Screenオブジェクトの使い方-jsチュートリアル-php.cn

Screenオブジェクトの使い方

不言

リリース： 2019-01-29 16:58:09

オリジナル

3345 人が閲覧しました

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オブジェクトの使い方