Das Browser Object Model (BOM) ermöglicht es JavaScript, mit Der Browser.
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 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");
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.
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>
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