Verwendung des Window-Objekts in JavaScript

Window ist ein Objekt, das dem Fenster entspricht, das eine Webseite anzeigt. Ein solches Fenster kann dynamisch erstellt werden.
Es handelt sich nicht um ein JavaScript-Objekt, und es ist nicht in der W3C-DOM-Spezifikation definiert. Es ist ein De-facto-Standard.

Die Attribute und Methoden des Interface-Fensters werden von Internet Explorer 4, Firefox 1, Opera 9, neueren Versionen und Safari erkannt. Dieses Dokument basiert auf dem, was von den Browsern in Ermangelung eines offiziellen Standards unterstützt wird, siehe Referenzen.

Das aktuelle Fenster wird durch das Schlüsselwort window referenziert, und Fenster, die dynamisch durch den Namen des Objekts erstellt werden, das durch den Rückgabewert der open-Methode zugewiesen wird.

Definition und Test von Attributen und inneren Objekten im Fenster

Definitionen von Attributen und inneren Objekten

Diese Attribute können bei einigen nur gelesen werden, ansonsten kann ihr Wert zugewiesen werden.

frames Die Frames im Fenster. Nur lesen. length Anzahl der Frames. Nur lesen. name Name des Fensters. status Text der Statusleiste
Unter Firefox ist die Änderung des Textes eine Option. Gehen Sie zu Optionen, Inhalt, JavaScript und klicken Sie auf die Schaltfläche Erweitert. Markieren Sie dann das Kästchen neben „Text der Statusleiste ändern“. defaultStatus Standardtext in der Statusleiste. closed Zustand geschlossen oder nicht. opener Verweis auf das Fenster, das dieses Fenster geöffnet hat. Beispiel:

x = window.opener;

parent Das übergeordnete Fenster eines Fensters. Example:

x = mywin.parent;

top Das Elternteil der höchsten Ebene.

Objekte im Fenster

Diese Objekte haben ihre eigenen Attribute und Methoden, die hier nicht näher erläutert werden, aber sie haben ihre eigene Seite.

Dokument Verweist auf eine Seite, die im Fenster enthalten ist. Dokument. history Liste der Seiten, die zuvor im selben Fenster angezeigt wurden. Verlauf. location Bezeichnet die URL einer Seite, die das Fenster enthält. Standort. screen Der Bildschirm und seine Eigenschaften: width, height, availWidth, availHeight, colorDepth.

Siehe auch die Eigenschaften zur Fenstererstellung im Kapitel: Öffnen eines neuen Fensters in JavaScript.

Überprüfen der Eigenschaften des Windows-Objekts im Browser

Eigenschaften, die von einem Browser nicht unterstützt werden, sind undefiniert.
Einige Eigenschaften werden als Parameter des Fensterkonstruktors verwendet, sind aber nicht direkt zugänglich und hier nicht aufgeführt.

innerWidth innerHeight

outerWidth outerHeight

locationbar menubar personalbar statusbar toolbar scrollbars

pageXOffset pageYOffset

screenX screenY

directories

status defaultStatus

opener

parent

top

name

length

Funktioniert nicht mit Firefox 7

offscreenBuffering

Wir können gleichwertige Werte im Internet Explorer und mit allen Browsern erhalten:

document.body.clientHeight

document.body.clientWidth

document.body.offsetHeight

document.body.offsetWidth

document.documentElement.offsetHeight

document.documentElement.offsetWidth

Andere

Crypto

Warnung: Die DOCTYPE-Deklaration kann sich auf diese Werte auswirken.

Fenstermethoden und Demos

Die Methoden zum Öffnen oder Schließen eines Fensters sind im Kapitel beschrieben: Öffnen eines neuen Fensters in JavaScript.

Definitionen der Methoden alert(message) Zeigt eine Nachricht an. x = prompt(message) Zeigt ein Dialogfeld an, das eine Benutzerantwort verlangt, und gibt die Antwort zurück. x = confirm(message) Zeigt eine Nachricht an, normalerweise eine Frage, mit zwei Schaltflächen zum Bestätigen oder Abbrechen. Gibt true oder false zurück. resizeTo(w, h) Ändert die Breite und Höhe. scrollTo(x, y) Das Scrollen muss für das Fenster gemäß dem Scrollbars-Flag aktiviert sein, dies ist standardmäßig der Fall. moveTo(x, y) Bewegt sich zur angegebenen Position. id = setInterval(expression, milliseconds) Wertet einen Ausdruck wiederholt entsprechend der Zeit im Intervall aus. clearInterval(id) Löscht das Intervall. id = setTimeout(expression, milliseconde) Wertet einen Ausdruck nach Ablauf der Frist aus. clearTimeout(id) Löscht die Verzögerung. focus() Übergibt den Fokus an das Fenster. blur() Unterdrückt den Fokus auf das aktuelle/gegebene Fenster. createPopup() Erstellt ein Unterfenster. print() Startet den Druck des Fensterinhalts. Demonstration der Methoden des HTML-Fensterobjekts Klicken Sie auf eine Schaltfläche, um zu sehen, wie eine Methode funktioniert. Der entsprechende Code wird rechts angezeigt.

Siehe auch

Ein Beispiel für die Verwendung von setTimeout ist in der Demo lightbox with fade in effect enthalten.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.