L'interface et l'objet Screen en JavaScript

2775 단어 codenewbiejavascript
Dans cette leçon, nous allons étudier l'interface Screen à travers l'objet JavaScript Screen et voir les propriétés et méthodes intéressantes de cet objet.

프리젠테이션 드 로제 스크린



L'objet Screen nous donne accès à des informations Concernant l'écran de vos Visiteurs, comme la taille ou la résolution de l'écran par exemple.

va pouvoir utiliser ces information은 제안자에 따라 다양한 방문자의 모범 사례를 제공합니다.

On va pouvoir recupérer un objet Screen en utilisant la propriété screen de Window.

Les propriétés et méthodes de l'objet Screen



L'objet Screen possède une Grose dizaine de propriétés dont 6 sont bien supportées par les Navigateurs et particulièrement intéressantes:

너비: retourne la largeur totale de l'écran ;
availWidth: retourne la largeur de l'écran moins celle de la barre de tâches ;

높이: retourne la hauteur totale de l'écran ;

availHeight : retourne la hauteur de l'écran moins celle de la barre de tâches ;

colorDepth : retourne la profondeur de la palette de couleur de l'écran en bits ;

pixelDepth : 픽셀 단위로 해상도를 반환합니다.
Notez que si le Navigateur ne peut pas determiner les valeurs de -

colorDepth et de pixelDepth ou si il ne veut pas les retourner pour des raisons de sécurité, il doit normalement renvoyer « 24 ».

l'objet JavaScript 화면의 사용 예

<!DOCTYPE html>
<html>
    <head>
        <title>Cours JavaScript by lawal alao</title>
        <meta charset="utf-8">
        <meta name="viewport"
          content="width=device-width, initial-scale=1, user-scalable=no">
        <link rel="stylesheet" href="cours.css">
        <script src='cours.js' async></script>
    </head>

    <body>
        <h1>Titre principal</h1>
        <p>Un paragraphe</p>

        <p id='p1'></p>
    </body>
</html>


코드 js

document.getElementById('p1').innerHTML =
    'Dimensions totales de l\'écran : ' + screen.width + '*' + screen.height +
    '<br>Surface disponible : ' + screen.availWidth + '*' + screen.availHeight +
    '<br>Palette de couleur : ' + screen.colorDepth +
    '<br>Résolution : ' + screen.pixelDepth;


L'objet Screen possède également deux méthodes lockOrientation() 및 UnlockOrientation() mais qui sont aujourd'hui dépréciées et ne devraient pas être utilisées.

메르시 토스

좋은 웹페이지 즐겨찾기