JavaScript-Fenster


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


Das Browser Object Model (BOM) ermöglicht es JavaScript, mit Der Browser.


Das Browser-Objektmodell (BOM)

Es gibt keine offiziellen Standards für das Browser-Objekt Model (BOM).

Da moderne Browser (fast) die gleichen Methoden implementiert haben und Eigenschaften für die JavaScript-Interaktivität werden oft als Methoden und bezeichnet Eigenschaften der Stückliste.


Das Fensterobjekt

Das window-Objekt wird von allen Browsern unterstützt. Es repräsentiert Das Fenster des Browsers.

Alle globalen JavaScript-Objekte, -Funktionen und -Variablen werden automatisch Mitglieder des Fensterobjekts.

Globale Variablen sind Eigenschaften des Fensterobjekts.

Globale Funktionen sind Methoden des Fensterobjekts.

Sogar das Dokumentobjekt (des HTML-DOM) ist eine Eigenschaft des Fensters Objekt:

window.document.getElementById("header");

ist das gleiche wie:

document.getElementById("header");

Fenstergröße

Zwei Eigenschaften können verwendet werden, um die Größe des Browsers zu bestimmen Fenster.

Beide Eigenschaften geben die Größen in zurück Pixel:

  • window.innerHeight - die innere Höhe des Browserfensters (in Pixel)

  • window.innerWidth - die innere Breite des Browserfensters (in Pixel)

Das Browserfenster (das Browser-Ansichtsfenster) enthält KEINE Symbolleisten und Bildlaufleisten.

Beispiel

let w = window.innerWidth;
let h = window.innerHeight;

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Window</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"Browser inner window width: " + window.innerWidth + "px<br>" +
"Browser inner window height: " + window.innerHeight + "px";
</script>

</body>
</html>

Andere Fenstermethoden

Einige andere Methoden:

  • window.open() - öffnet ein neues Fenster

  • window.close() - Schließt das aktuelle Fenster

  • window.moveTo() - Verschieben Sie das aktuelle Fenster

  • window.resizeTo() - Größe des aktuellen Fensters ändern