devstory

Le Tutoriel de Javascript Screen

  1. window.screen

1. window.screen

Lorsque votre navigateur s'exécute sur un ordinateur windows.screen. C'est l'objet qui représente l'écran de l'ordinateur. Lorsque votre navigateur s'exécute sur un téléphone window.screen, c'est l'objet qui représente l'écran du téléphone.....
Les propriétés (property) de window.screen :
  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth
Propriété
Description
screen.width
Largeur de l'écran en pixel.
screen.height
Hauteur de l'écran en pixel.
screen.availWidth
Largeur de l'écran en pixel, moins l'espace des fonctions d'interface (interface features), par exemple, barre des tâches (Taskbar).
screen.availHeight
Hauteur de l'écran en pixel, moins l'espace des fonctions d'interface (interface features), par exemple, barre des tâches (Taskbar).
screen.colorDepth
Renvoie le nombre de bits utilisés pour afficher une couleur (color).
screen.pixelDepth
Renvoie le nombre de pixel depth (bit depth) de l'écran.
Un écran d'ordinateur utilisant le système d'exploitation Windows 7 :
Un écran d'ordinateur utilisant le système d'exploitation Ubuntu :
Par exemple :
screen-example.html
<!DOCTYPE html>
<html>
   <head>
      <title>Screen Example</title>
      <meta charset="UTF-8">


   </head>
   <body>

       <h1>window.screen</h1>

       <button onClick="showInfos()">Show Infos</button>

        <textarea name="name" style="width:100%;margin-top:10px;"
            rows="8" id="log-area"></textarea>

        <script>
           function showInfos()  {

             var logArea = document.getElementById("log-area");
             logArea.value = "";

             logArea.value += "screen.width= " + screen.width +"\n";
             logArea.value += "screen.height= " + screen.height +"\n";
             logArea.value += "screen.availWidth= " + screen.availWidth +"\n";
             logArea.value += "screen.availHeight= " + screen.availHeight +"\n";

             logArea.value += "screen.colorDepth= " + screen.colorDepth +"\n";
             logArea.value += "screen.pixelDepth= " + screen.pixelDepth +"\n";

           }
           showInfos();
        </script>
   </body>
</html>

Tutoriels de programmation ECMAScript, Javascript

Show More