Das window.screen-Objekt enthält Informationen über den Bildschirm des Benutzers.
Das window.screen
-Objekt kann ohne das Fensterpräfix geschrieben werden.
Eigenschaften:
screen.width
screen.height
screen.availWidth
screen.availHeight
screen.colorDepth
screen.pixelDepth
Die Eigenschaft screen.width
gibt die Breite des Besucherbildschirms zurück Pixel.
Zeigt die Breite des Bildschirms in Pixel an:
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Das Ergebnis wird sein:
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Screen width is " + screen.width;
</script>
</body>
</html>
Die Eigenschaft screen.height
gibt die Höhe des Besucherbildschirms in Pixel zurück.
Zeigt die Höhe des Bildschirms in Pixel an:
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Das Ergebnis wird sein:
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Screen height is " + screen.height;
</script>
</body>
</html>
Die Eigenschaft screen.availWidth
gibt die Breite des Besucherbildschirms in zurück Pixel, minus Schnittstellenfunktionen wie die Windows-Taskleiste.
Zeigt die verfügbare Breite des Bildschirms in Pixel an:
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Das Ergebnis wird sein:
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Available screen width is " + screen.availWidth;
</script>
</body>
</html>
Die Eigenschaft screen.availHeight
gibt die Höhe des Besucherbildschirms zurück. in Pixel, abzüglich Schnittstellenfunktionen wie der Windows-Taskleiste.
Zeigt die verfügbare Höhe des Bildschirms in Pixel an:
document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Das Ergebnis wird sein:
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Available screen height is " + screen.availHeight;
</script>
</body>
</html>
Die Eigenschaft screen.colorDepth
gibt die Anzahl der Bits zurück, die zum Anzeigen einer Farbe verwendet werden.
Alle modernen Computer verwenden 24-Bit- oder 32-Bit-Hardware für die Farbauflösung:
24 Bit = 16.777.216 verschiedene „True Colors“
32 Bit=4.294.967.296 verschiedene „Deep Colors“
Ältere Computer verwendeten 16 Bit: 65.536 verschiedene „High Colors“-Auflösung.
Sehr alte Computer und alte Mobiltelefone verwendeten 8 Bit: 256 verschiedene „VGA-Farben“.
Zeigt die Farbtiefe des Bildschirms in Bits an:
document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Das Ergebnis wird sein:
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Screen color depth is " + screen.colorDepth;
</script>
</body>
</html>
Die in HTML verwendeten #rrggbb (rgb)-Werte stellen „True Colors“ (16.777.216 verschiedene Farben) dar.
Die Eigenschaft screen.pixelDepth
gibt die Pixeltiefe des Bildschirms zurück.
Zeigt die Pixeltiefe des Bildschirms in Bits an:
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Das Ergebnis wird sein:
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Screen pixel depth is " + screen.pixelDepth;
</script>
</body>
</html>
Bei modernen Computern sind Farbtiefe und Pixeltiefe gleich.