JavaScript -Fenster - Das Browser-Objektmodell
Das Browser Object Model (BOM) ermöglicht es JavaScript, mit dem Browser zu „sprechen“.
Das Browser-Objektmodell (BOM)
Es gibt keine offiziellen Standards für das Browser Object Model (BOM ) .
Da moderne Browser (fast) die gleichen Methoden und Eigenschaften für die JavaScript-Interaktivität implementiert haben, wird sie oft als Methoden und Eigenschaften des BOM bezeichnet.
Das Window-Objekt
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 Fensterobjekts:
window.document.getElementById("header");
ist das gleiche wie:
document.getElementById("header");
Fenstergröße
Zwei Eigenschaften können verwendet werden, um die Größe des Browserfensters zu bestimmen.
Beide Eigenschaften geben die Größen in Pixel zurück:
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;
Andere Fenstermethoden
Einige andere Methoden:
window.open()
- Öffnen Sie ein neues Fensterwindow.close()
- Schließen Sie das aktuelle Fensterwindow.moveTo()
- Bewegen Sie das aktuelle Fensterwindow.resizeTo()
- Ändern Sie die Größe des aktuellen Fensters