Die Anleitung zu Javascript Screen

window.screen

1. window.screen

Wenn Ihr Browser auf dem Computer läuft, ist window.screen das Objekt, das dem PC Bildschirm vertritt. Wenn Ihr Projekt auf einer Handy läuft, ist window.screen das Objekt, das dem Handy Bildschirm vertritt....

Die Properties von window.screen:

screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth

Property	Die Bezeichnung
screen.width	Die Breite des Bildschirm in pixel.
screen.height	Die Höhe des Bildschirm in pixel.
screen.availWidth	Die Breite des Bildschirm in pixel, abzüglich des Raum der Interface-Funktionen (interface features), z.B Taskleiste (Taskbar).
screen.availHeight	Die Höhe des Bildschirm in pixel, abzüglich des Raum der Interface-Funktionen (interface features), z.B Taskleiste (Taskbar).
screen.colorDepth	Die Anzahl von bits zurückgeben, die für die Anzeige einer Farbe benutzt wird (color).
screen.pixelDepth	Die Anzahl von pixel depth (bit depth) vom Bildchirm zurückgeben.

Ein PC Bildschirm benutzt das Betriebssystem Windows 7:

Ein PC Bildchirm benutzt das Betriebssystem Ubuntu:

zum Beispiel:

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>

Die Anleitung zu Javascript Screen

1. window.screen

Anleitungen ECMAScript, Javascript

Anleitungen ECMAScript, Javascript

Neueste Artikel