Heim > Artikel > Web-Frontend > Verstehen Sie kurz die Anwendung des window.screen-Objekts
Dieser Artikel vermittelt Ihnen relevantes Wissen über Javascript, das hauptsächlich Probleme im Zusammenhang mit der Anwendung des window.screen-Objekts vorstellt. Ich hoffe, dass es Informationen über den Bildschirm des Benutzers enthält Seien Sie hilfreich für alle.
【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend】
Alle Browser unterstützen das Fensterobjekt. Es stellt das Browserfenster dar.
Alle globalen Objekte, Funktionen und Variablen von JavaScript werden automatisch Mitglieder des Fensterobjekts.
Globale Variablen sind Eigenschaften des Fensterobjekts.
Globale Funktionen sind Methoden des Fensterobjekts.
Sogar das Dokument des HTML-DOM ist eine der Eigenschaften des Fensterobjekts:
window.document.getElementById("header");
Gleiches wie:
document.getElementById("header");
Fenstergröße
Es gibt drei Möglichkeiten, die Größe des Browserfensters (des Ansichtsfensters des Browsers) zu bestimmen , ausgenommen Symbolleisten und Bildlaufleisten).
Für Internet Explorer, Chrome, Firefox, Opera und Safari:
window.innerHeight – Die innere Höhe des Browserfensters window.innerWidth – Die innere Breite des Browserfensters
Für Internet Explorer 8, 7, 6, 5 :
document.documentElement.clientHeight document.documentElement.clientWidth
oder
document.body.clientHeight document.body.clientWidth
Praktische JavaScript-Lösung (deckt alle Browser ab):
Beispiel
var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
Dieses Beispiel zeigt die Höhe und Breite des Browserfensters: (ohne Symbolleisten/Bildlaufleisten)
Fenster Das . Das Bildschirmobjekt enthält Informationen über den Bildschirm des Benutzers.
Das window.screen-Objekt kann ohne das Fensterpräfix geschrieben werden.
Some Eigenschaften:
Screen.availwidth - verfügbare Bildschirmbreite
Screen.AvailHeight - verfügbare Bildschirmhöhe
Fenster Bildschirm Der Bildschirm. Breite in Pixel abzüglich Schnittstellenfunktionen wie der Fenster-Taskleiste.
Instance
Gibt die verfügbare Breite Ihres Bildschirms zurück:
<script> document.write("可用宽度: " + screen.availWidth); </script>
Die Ausgabe des obigen Codes lautet:
Verfügbare Höhe des Fensterbildschirms
Die Eigenschaft screen.availHeight gibt die Höhe des Bildschirms des Besuchers zurück , in Pixel , abzüglich Schnittstellenfunktionen wie der Fenster-Taskleiste.
Instanz
Gibt die verfügbare Höhe Ihres Bildschirms zurück:
<script> document.write("可用高度: " + screen.availHeight); </script>
Der obige Code gibt Folgendes aus:
[Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend]
Das obige ist der detaillierte Inhalt vonVerstehen Sie kurz die Anwendung des window.screen-Objekts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!