Heim  >  Artikel  >  Web-Frontend  >  Verstehen Sie kurz die Anwendung des window.screen-Objekts

Verstehen Sie kurz die Anwendung des window.screen-Objekts

WBOY
WBOYOriginal
2022-08-05 10:34:251852Durchsuche

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.

Verstehen Sie kurz die Anwendung des window.screen-Objekts

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend

Fensterobjekt

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 Bildschirm

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:

Verstehen Sie kurz die Anwendung des window.screen-Objekts

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:

Verstehen Sie kurz die Anwendung des window.screen-Objekts

[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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn