English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Das Fenster kann das Hauptfenster, ein Frame-Set oder ein einzelnes Frame sein, oder es kann ein neues Fenster sein, das mit JavaScript erstellt wurde.
DaswindowDas Objekt repräsentiert das Fenster im Browser. Das window-Objekt wird automatisch vom Browser erstellt.
Alle globalen Variablen sind Eigenschaften, Funktionen sind Methoden des window-Objekts.
Alle globalen JavaScript-Objekte, Funktionen und Variablen werden automatisch zu Mitgliedern des window-Objekts.
Das Dokumentobjekt ist eine Eigenschaft des window-Objekts. Daher, geben Sie
window.document.write("Hello world")ist gleich dem folgenden
document.write("Hello world")Das window-Objekt bietet2Diese Eigenschaften, um die Breite und Höhe des Browserfensteransichtsbereichs zu finden.
Diese beiden Eigenschaften geben die Größe in Pixeln zurück:
window.innerWidth -Browserfensterinnenburg (in Pixeln)
window.innerHeight -Browserfensterinnenhöhe (in Pixeln)
Dies ist ein Beispiel für die Anzeige der aktuellen Fenstergröße:
var h = window.innerHeight; var w = window.innerWidth;Testen Sie es heraus‹/›
für Internet Explorer 5,6,7,8:
document.documentElement.clientWidth
document.documentElement.clientHeight
oder
document.body.clientWidth
document.body.clientHeight
Cross-Browser-Lösung (für IE8und frühere Versionen verwenden clientWidth und clientHeight):
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;Testen Sie es heraus‹/›
Zeige Höhe und Breite mit dem onresize-Ereignis an:
<body onresize="myFunc()">
<script>
function myFunc() {
var w = window.innerWidth;
var h = window.innerHeight;
document.getElementById("para").innerHTML = "Width: " + w + "<br>Height: " + h;
}
</script>Testen Sie es heraus‹/›window.open()Die Methode öffnet ein neues Browserfenster und lädt das angegebene Dokument darin.
Die folgenden Beispiele öffnen ein neues Fenster mit angegebenen Höhe und Breite für " de.oldtoolbag.com":
window.open("https://de.oldtoolbag.com", "", "width=400, height=300");Testen Sie es heraus‹/›Für eine vollständige Referenz zu den Eigenschaften und Methoden besuchen Sie bitte unserJavaScript-Fensterobjekt-Referenz>.
Der Referenzteil enthält alle Beschreibungen und Beispiele für Fensterattribute und -methoden.