Das Screen-Objekt von Javascript kann Informationen über die Anzeige des Benutzers und die Anzahl der verfügbaren Farbpixel abrufen. Es kann verwendet werden, um Informationen über die Bildschirmfunktionen des Clients wie Breite, Höhe, Farbtiefe usw. abzurufen ., unten Schauen wir uns die Verwendung des Screen-Objekts genauer an.
Werfen wir zunächst einen Blick auf die Eigenschaften des Screen-Objekts
screen.width: Gibt die Breite des Bildschirms zurück.
screen.height: Gibt die Höhe des Bildschirms zurück.
screen.availWidth: Gibt die verfügbare Breite zurück.
screen.availHeight: Gibt die verfügbare Höhe zurück.
screen.colorDepth: Gibt die Farbtiefe zurück.
screen.pixelDepth: Gibt die Pixeltiefe zurück.
Als nächstes schauen wir uns die spezifischen Anwendungen dieser Attribute an
Schauen Sie sich zunächst die Bildschirmbreite und -höhe an
Die Eigenschaft screen.width gibt die Bildschirmbreite des Benutzers in Pixel zurück.
Die Eigenschaft screen.height gibt die Bildschirmhöhe des Benutzers in Pixel zurück.
Das konkrete Beispiel ist wie folgt
<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>Das laufende Ergebnis ist:
Dann werfen wir einen Blick auf die verfügbaren Breite und Höhe des Bildschirms
Die Eigenschaft screen.availWidth gibt die Bildschirmbreite des Benutzers in Pixel zurück, ohne Schnittstellenfunktionen.
Die Eigenschaft screen.availHeight gibt die Bildschirmhöhe des Benutzers (in Pixel) zurück, mit Ausnahme von Schnittstellenfunktionen.
Ein Beispiel ist wie folgt:
<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>Das laufende Ergebnis ist:
Schließlich werfen wir einen Blick auf den Bildschirm Farbe und Anzahl der Pixel
Die Eigenschaft screen.colorDepth gibt die Anzahl der Bits (Zahlen) zurück, die zur Anzeige einer Farbe verwendet werden.
Die screen.pixelDepth-Eigenschaft gibt die Pixeltiefe des Bildschirms zurück
Das Beispiel ist wie folgt
<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>Der Laufeffekt ist wie folgt
Dieser Artikel Der Artikel endet hier. Weitere spannende Inhalte finden Sie in anderen verwandten Kolumnen-Tutorials auf der chinesischen PHP-Website! ! !
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Screen-Objekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
