Comment utiliser l'objet Screen-js tutoriel-php.cn

Comment utiliser l'objet Screen

不言

Libérer： 2019-01-29 16:58:09

original

3369 Les gens l'ont consulté

L'objet Screen de Javascript peut obtenir des informations sur l'affichage de l'utilisateur et le nombre de pixels de couleur disponibles, il peut être utilisé pour obtenir des informations sur les fonctionnalités de l'écran du client, telles que la largeur, la hauteur, la profondeur de couleur, etc. ., ci-dessous Examinons de plus près l'utilisation de l'objet Screen.

Comment utiliser lobjet Screen

Jetons d'abord un coup d'œil aux propriétés de l'objet Screen

screen.width : renvoie la largeur de l'écran.

screen.height : Renvoie la hauteur de l'écran.

screen.availWidth : renvoie la largeur disponible.

screen.availHeight : renvoie la hauteur disponible.

screen.colorDepth : renvoie la profondeur de couleur.

screen.pixelDepth : renvoie la profondeur des pixels.

Regardons ensuite les applications spécifiques de ces attributs

Regardons d'abord la largeur et la hauteur de l'écran

La propriété screen.width renvoie la largeur de l'écran de l'utilisateur en pixels.

La propriété screen.height renvoie la hauteur de l'écran de l'utilisateur en pixels.

L'exemple spécifique est le suivant

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

Copier après la connexion

Le résultat en cours d'exécution est :

Comment utiliser lobjet Screen

Ensuite, jetons un coup d'œil au largeur et hauteur d'écran disponibles

La propriété screen.availWidth renvoie la largeur de l'écran de l'utilisateur en pixels, à l'exclusion des fonctionnalités de l'interface.

La propriété screen.availHeight renvoie la hauteur de l'écran de l'utilisateur (en pixels), hors fonctions d'interface.

Un exemple est le suivant :

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

Copier après la connexion

Le résultat en cours d'exécution est :

Comment utiliser lobjet Screen

Enfin, jetons un coup d'œil au couleur de l'écran et nombre de pixels

La propriété screen.colorDepth renvoie le nombre de bits (nombres) utilisés pour afficher une couleur.

La propriété screen.pixelDepth renvoie la profondeur de pixels de l'écran

L'exemple est le suivant

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

Copier après la connexion

L'effet de course est le suivant

Comment utiliser lobjet Screen

Cet article se termine ici. Pour un contenu plus passionnant, vous pouvez prêter attention aux autres didacticiels de colonnes connexes sur le site Web PHP chinois ! ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!