Der Browser Object Model (BOM) ermöglicht JavaScript in den Browser "zu sprechen".
Der Browser Object Model (BOM)
Es gibt keine offiziellen Standards für den Browser Object Model (BOM).
Da moderne Browser implementiert haben (fast) die gleichen Methoden und Eigenschaften für die Interaktivität JavaScript ist es oft bezeichnet, als Methoden und Eigenschaften der Stückliste.
Das Window Object
Das window Objekt wird von allen Browsern unterstützt. Es stellt das Fenster des Browsers.
Alle globalen JavaScript-Objekte, Funktionen und Variablen werden automatisch Mitglieder der Fensterobjekt.
Globale Variablen sind Eigenschaften des Fensters Objekt.
Globale Funktionen sind Methoden des window-Objekts.
Auch das Dokument-Objekt (der 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 Browserfensters zu bestimmen.
Beide Eigenschaften geben die Größen in Pixel:
- window.innerHeight - die innere Höhe des Browserfensters (in Pixeln)
- window.innerWidth - die innere Breite des Browserfensters (in Pixeln)
Das Browser-Fenster (der Browser-Ansichtsfenster) wird NICHT einschließlich Symbolleisten und Bildlaufleisten.
Für den Internet Explorer 8, 7, 6, 5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
Eine praktische JavaScript-Lösung (für alle Browser):
Beispiel
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; Versuch es selber " Das Beispiel zeigt die Browser-Fenster in der Höhe und Breite: (NICHT einschließlich Symbolleisten / Scrollbalken)
Andere Window Methoden
Einige andere Methoden:
- window.open() - ein neues Fenster öffnen
- window.close() - schließen Sie das aktuelle Fenster
- window.moveTo() -move das aktuelle Fenster
- window.resizeTo() -resize das aktuelle Fenster