Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Window

Baseline
Weitgehend verfügbar
*

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.

Das Window-Interface repräsentiert ein Fenster, das ein DOM-Dokument enthält. Die Eigenschaft document verweist auf das in diesem Fenster geladene DOM-Dokument.

Das Fenster eines bestimmten Dokuments kann über die Eigenschaft document.defaultView abgerufen werden.

Die globale Variable window, die das Fenster repräsentiert, in dem das Skript ausgeführt wird, steht JavaScript-Code zur Verfügung.

Das Window-Interface enthält zahlreiche Funktionen, Namespaces, Objekte und Konstruktoren, die nicht unbedingt unmittelbar mit dem Konzept eines Fensters der Benutzeroberfläche zusammenhängen. Das Window-Interface ist jedoch ein geeigneter Ort für diese Elemente, die global verfügbar sein müssen. Viele davon sind in der JavaScript-Referenz und der DOM-Referenz dokumentiert.

In einem Browser mit Tabs wird jeder Tab durch ein eigenes Window-Objekt repräsentiert. Das globale window, auf das JavaScript-Code innerhalb eines bestimmten Tabs zugreift, repräsentiert immer den Tab, in dem der Code ausgeführt wird. Dennoch beziehen sich selbst in einem Browser mit Tabs einige Eigenschaften und Methoden auf das gesamte Fenster, das den Tab enthält, beispielsweise resizeTo() und innerHeight. Im Allgemeinen bezieht sich alles, was sich nicht sinnvoll auf einen Tab beziehen kann, stattdessen auf das Fenster.

EventTarget Window

Instanzeigenschaften

Dieses Interface erbt Eigenschaften vom Interface EventTarget.

Beachten Sie, dass Eigenschaften, die Objekte sind (z. B. zum Überschreiben des Prototyps integrierter Elemente), weiter unten in einem eigenen Abschnitt aufgeführt sind.

Window.caches Schreibgeschützt Sicherer Kontext

Gibt das dem aktuellen Kontext zugeordnete CacheStorage-Objekt zurück. Dieses Objekt ermöglicht Funktionen wie das Speichern von Ressourcen für die Offlinenutzung und das Erzeugen benutzerdefinierter Antworten auf Anfragen.

Window.clientInformation Schreibgeschützt

Ein Alias für Window.navigator.

Window.closed Schreibgeschützt

Diese Eigenschaft gibt an, ob das aktuelle Fenster geschlossen ist.

Window.cookieStore Schreibgeschützt Sicherer Kontext

Gibt eine Referenz auf das CookieStore-Objekt für den aktuellen Dokumentkontext zurück.

Window.crashReport Schreibgeschützt Sicherer Kontext

Gibt ein CrashReportContext-Objekt zurück, mit dem beliebige Daten für den aktuellen Browsing-Kontext der obersten Ebene aufgezeichnet werden können. Bei einem Browserabsturz werden diese Daten einem CrashReport hinzugefügt und an einen Endpunkt für Berichte gesendet.

Window.credentialless Schreibgeschützt

Gibt einen booleschen Wert zurück, der angibt, ob das aktuelle Dokument in einem credentialless <iframe> geladen wurde. Weitere Informationen finden Sie unter IFrame credentialless.

Window.crossOriginIsolated Schreibgeschützt

Gibt einen booleschen Wert zurück, der angibt, ob sich die Website in einem Zustand der Cross-Origin-Isolierung befindet.

Window.crypto Schreibgeschützt

Gibt das dem globalen Objekt zugeordnete Crypto-Objekt zurück.

Window.customElements Schreibgeschützt

Gibt eine Referenz auf das CustomElementRegistry-Objekt zurück, mit dem neue Custom Elements registriert und Informationen über bereits registrierte Custom Elements abgerufen werden können.

Window.devicePixelRatio Schreibgeschützt

Gibt das Verhältnis zwischen physischen Pixeln und geräteunabhängigen Pixeln auf dem aktuellen Bildschirm zurück.

Window.document Schreibgeschützt

Gibt eine Referenz auf das Dokument zurück, das das Fenster enthält.

Window.documentPictureInPicture Schreibgeschützt Sicherer Kontext

Gibt eine Referenz auf das Dokument-Picture-in-Picture-Fenster für den aktuellen Dokumentkontext zurück.

Window.fence Schreibgeschützt

Gibt eine Instanz des Fence-Objekts für den aktuellen Dokumentkontext zurück. Nur für Dokumente verfügbar, die in ein <fencedframe> eingebettet sind.

Window.frameElement Schreibgeschützt

Gibt das Element zurück, in das das Fenster eingebettet ist, oder null, wenn das Fenster nicht eingebettet ist.

Window.frames Schreibgeschützt

Gibt ein Array der untergeordneten Frames im aktuellen Fenster zurück.

Window.fullScreen

Diese Eigenschaft gibt an, ob das Fenster im Vollbildmodus angezeigt wird.

Window.history Schreibgeschützt

Gibt eine Referenz auf das History-Objekt zurück.

Window.indexedDB Schreibgeschützt

Stellt Anwendungen einen Mechanismus für den asynchronen Zugriff auf Funktionen indizierter Datenbanken bereit; gibt ein IDBFactory-Objekt zurück.

Window.innerHeight Schreibgeschützt

Ruft die Höhe des Inhaltsbereichs des Browserfensters ab, gegebenenfalls einschließlich der gerenderten horizontalen Bildlaufleiste.

Window.innerWidth Schreibgeschützt

Ruft die Breite des Inhaltsbereichs des Browserfensters ab, gegebenenfalls einschließlich der gerenderten vertikalen Bildlaufleiste.

Window.isSecureContext Schreibgeschützt

Gibt einen booleschen Wert zurück, der angibt, ob der aktuelle Kontext sicher (true) ist oder nicht (false).

Window.launchQueue Schreibgeschützt

Wenn eine Progressive Web App (PWA) mit einem client_mode-Wert von focus-existing, navigate-new oder navigate-existing für launch_handler gestartet wird, bietet launchQueue Zugriff auf die Klasse LaunchQueue. Damit lässt sich für die PWA eine benutzerdefinierte Verarbeitung der Startnavigation implementieren.

Window.length Schreibgeschützt

Gibt die Anzahl der Frames im Fenster zurück. Siehe auch window.frames.

Window.localStorage Schreibgeschützt

Gibt eine Referenz auf das Local-Storage-Objekt zurück. Es dient zum Speichern von Daten, auf die nur die Origin zugreifen kann, die sie erstellt hat.

Window.location

Ruft die Position bzw. aktuelle URL des Fensterobjekts ab oder legt sie fest.

Window.locationbar Schreibgeschützt

Gibt das locationbar-Objekt zurück.

Window.menubar Schreibgeschützt

Gibt das menubar-Objekt zurück.

Window.mozInnerScreenX Schreibgeschützt

Gibt die horizontale (X-)Koordinate der linken oberen Ecke des Viewports des Fensters in Bildschirmkoordinaten zurück. Dieser Wert wird in CSS-Pixeln angegeben. Unter mozScreenPixelsPerCSSPixel in nsIDOMWindowUtils finden Sie bei Bedarf einen Umrechnungsfaktor für Bildschirmpixel.

Window.mozInnerScreenY Schreibgeschützt

Gibt die vertikale (Y-)Koordinate der linken oberen Ecke des Viewports des Fensters in Bildschirmkoordinaten zurück. Dieser Wert wird in CSS-Pixeln angegeben. Unter mozScreenPixelsPerCSSPixel finden Sie bei Bedarf einen Umrechnungsfaktor für Bildschirmpixel.

Window.name

Ruft den Namen des Fensters ab oder legt ihn fest.

Window.navigation Schreibgeschützt

Gibt das dem aktuellen window zugeordnete Navigation-Objekt zurück. Dies ist der Einstiegspunkt für die Navigation API.

Window.navigator Schreibgeschützt

Gibt eine Referenz auf das Navigator-Objekt zurück.

Window.opener

Gibt eine Referenz auf das Fenster zurück, das das aktuelle Fenster geöffnet hat.

Window.origin Schreibgeschützt

Gibt die Origin des globalen Objekts als serialisierte Zeichenfolge zurück.

Window.originAgentCluster Schreibgeschützt

Gibt true zurück, wenn dieses Fenster zu einem nach Origin getrennten Agent-Cluster gehört.

Window.outerHeight Schreibgeschützt

Ruft die äußere Höhe des Browserfensters ab.

Window.outerWidth Schreibgeschützt

Ruft die äußere Breite des Browserfensters ab.

Window.pageXOffset Schreibgeschützt

Ein Alias für window.scrollX.

Window.pageYOffset Schreibgeschützt

Ein Alias für window.scrollY.

Window.parent Schreibgeschützt

Gibt eine Referenz auf das übergeordnete Element des aktuellen Fensters oder untergeordneten Frames zurück.

Window.performance Schreibgeschützt

Gibt ein Performance-Objekt zurück, das die Attribute timing und navigation enthält. Beide sind Objekte, die leistungsbezogene Daten bereitstellen. Weitere Informationen und Beispiele finden Sie unter Navigation Timing verwenden.

Window.personalbar Schreibgeschützt

Gibt das personalbar-Objekt zurück.

Window.scheduler Schreibgeschützt

Gibt das dem aktuellen Kontext zugeordnete Scheduler-Objekt zurück. Dies ist der Einstiegspunkt für die Verwendung der Prioritized Task Scheduling API.

Window.screen Schreibgeschützt

Gibt eine Referenz auf das dem Fenster zugeordnete Screen-Objekt zurück.

Window.screenX und Window.screenLeft Schreibgeschützt

Beide Eigenschaften geben den horizontalen Abstand vom linken Rand des Browserfensters zum linken Rand des Bildschirms zurück.

Window.screenY und Window.screenTop Schreibgeschützt

Beide Eigenschaften geben den vertikalen Abstand vom oberen Rand des Browserfensters zum oberen Rand des Bildschirms zurück.

Window.scrollbars Schreibgeschützt

Gibt das scrollbars-Objekt zurück.

Window.scrollMaxX Schreibgeschützt

Der maximale Versatz, bis zu dem das Fenster horizontal gescrollt werden kann, also die Dokumentbreite abzüglich der Viewport-Breite.

Window.scrollMaxY Schreibgeschützt

Der maximale Versatz, bis zu dem das Fenster vertikal gescrollt werden kann, also die Dokumenthöhe abzüglich der Viewport-Höhe.

Window.scrollX Schreibgeschützt

Gibt die Anzahl der Pixel zurück, um die das Dokument bereits horizontal gescrollt wurde.

Window.scrollY Schreibgeschützt

Gibt die Anzahl der Pixel zurück, um die das Dokument bereits vertikal gescrollt wurde.

Window.self Schreibgeschützt

Gibt eine Objektreferenz auf das Fensterobjekt selbst zurück.

Window.sessionStorage

Gibt eine Referenz auf das Session-Storage-Objekt zurück. Es dient zum Speichern von Daten, auf die nur die Origin zugreifen kann, die sie erstellt hat.

Window.sharedStorage Schreibgeschützt Sicherer Kontext

Gibt das WindowSharedStorage-Objekt für die aktuelle Origin zurück. Dies ist der Haupteinstiegspunkt, um mit der Shared Storage API Daten in den Shared Storage zu schreiben.

Window.speechSynthesis Schreibgeschützt

Gibt ein SpeechSynthesis-Objekt zurück. Dies ist der Einstiegspunkt für die Sprachsynthesefunktionen der Web Speech API.

Window.statusbar Schreibgeschützt

Gibt das statusbar-Objekt zurück.

Window.toolbar Schreibgeschützt

Gibt das toolbar-Objekt zurück.

Window.top Schreibgeschützt

Gibt eine Referenz auf das oberste Fenster in der Fensterhierarchie zurück. Diese Eigenschaft ist schreibgeschützt.

Window.trustedTypes Schreibgeschützt

Gibt das dem globalen Objekt zugeordnete TrustedTypePolicyFactory-Objekt zurück. Es ist der Einstiegspunkt für die Verwendung der Trusted Types API.

Window.viewport Schreibgeschützt

Gibt eine Instanz des Viewport-Objekts zurück, die Informationen über den aktuellen Zustand des Viewports des Geräts bereitstellt.

Window.visualViewport Schreibgeschützt

Gibt ein VisualViewport-Objekt zurück, das den visuellen Viewport eines bestimmten Fensters repräsentiert.

Window.window Schreibgeschützt

Gibt eine Referenz auf das aktuelle Fenster zurück.

window[0], window[1] usw.

Gibt eine Referenz auf das window-Objekt in den Frames zurück. Weitere Informationen finden Sie unter Window.frames.

Benannte Eigenschaften

Einige Elemente des Dokuments sind auch als Eigenschaften des Fensters verfügbar:

  • Bei jedem <embed>-, <form>-, <iframe>-, <img>- und <object>-Element wird dessen name verfügbar gemacht, sofern er nicht leer ist. Wenn das Dokument beispielsweise <form name="my_form"> enthält, geben window["my_form"] und das gleichwertige window.my_form eine Referenz auf dieses Element zurück.
  • Bei jedem HTML-Element wird dessen id verfügbar gemacht, sofern sie nicht leer ist.

Wenn eine Eigenschaft einem einzelnen Element entspricht, wird dieses Element direkt zurückgegeben. Wenn die Eigenschaft mehreren Elementen entspricht, wird eine HTMLCollection zurückgegeben, die alle diese Elemente enthält. Falls eines der Elemente ein navigierbares <iframe> oder <object> ist, wird stattdessen contentWindow des ersten entsprechenden iframe zurückgegeben.

Veraltete Eigenschaften

Window.event Schreibgeschützt

Gibt das aktuelle Ereignis zurück, also das Ereignis, das gerade im Kontext des JavaScript-Codes verarbeitet wird, oder undefined, wenn gerade kein Ereignis verarbeitet wird. Stattdessen sollte nach Möglichkeit das direkt an Event-Handler übergebene Event-Objekt verwendet werden.

Window.external Schreibgeschützt

Gibt ein Objekt mit Funktionen zum Hinzufügen externer Suchanbieter zum Browser zurück.

Window.orientation Schreibgeschützt

Gibt die Ausrichtung des Viewports relativ zur natürlichen Ausrichtung des Geräts in Grad zurück, in Schritten von 90 Grad.

Window.status

Ruft den Text in der Statusleiste am unteren Rand des Browsers ab oder legt ihn fest.

Instanzmethoden

Dieses Interface erbt Methoden vom Interface EventTarget.

Window.atob()

Dekodiert eine Zeichenfolge mit Daten, die mit Base64 kodiert wurden.

Window.alert()

Zeigt einen Warnungsdialog an.

Window.blur()

Entfernt den Fokus vom Fenster.

Window.btoa()

Erstellt aus einer Zeichenfolge mit Binärdaten eine Base64-kodierte ASCII-Zeichenfolge.

Window.cancelAnimationFrame()

Ermöglicht es Ihnen, einen zuvor mit Window.requestAnimationFrame geplanten Callback abzubrechen.

Window.cancelIdleCallback()

Ermöglicht es Ihnen, einen zuvor mit Window.requestIdleCallback geplanten Callback abzubrechen.

Window.clearInterval()

Bricht die mit Window.setInterval() eingerichtete wiederholte Ausführung ab.

Window.clearTimeout()

Bricht die mit Window.setTimeout() eingerichtete verzögerte Ausführung ab.

Window.close()

Schließt das aktuelle Fenster.

Window.confirm()

Zeigt einen Dialog mit einer Nachricht an, auf die die verwendende Person reagieren muss.

Window.createImageBitmap()

Akzeptiert verschiedene Bildquellen und gibt ein Promise zurück, das mit einem ImageBitmap erfüllt wird. Optional wird die Quelle auf das Pixelrechteck zugeschnitten, das bei (sx, sy) beginnt und die Breite sw sowie die Höhe sh hat.

Window.dump()

Schreibt eine Nachricht in die Konsole.

Window.fetch()

Startet den Abruf einer Ressource aus dem Netzwerk.

Window.fetchLater()

Erstellt einen verzögerten Abruf, der gesendet wird, sobald die Seite durch eine Navigation verlassen wird (sie wird zerstört oder gelangt in den bfcache) oder ein angegebener activateAfter-Timeout abläuft – je nachdem, was zuerst eintritt.

Window.find()

Sucht in einem Fenster nach einer angegebenen Zeichenfolge.

Window.focus()

Setzt den Fokus auf das aktuelle Fenster.

Window.getComputedStyle()

Ruft den berechneten Stil für das angegebene Element ab. Der berechnete Stil enthält die berechneten Werte aller CSS-Eigenschaften des Elements.

Window.getDefaultComputedStyle()

Ruft den standardmäßig berechneten Stil für das angegebene Element ab, wobei Stylesheets der Autorenseite ignoriert werden.

Window.getScreenDetails() Sicherer Kontext

Gibt ein Promise zurück, das mit einer Instanz des ScreenDetails-Objekts erfüllt wird. Diese repräsentiert die Details aller Bildschirme, die für das Gerät der verwendenden Person verfügbar sind.

Window.getSelection()

Gibt das Selection-Objekt zurück, das die ausgewählten Elemente repräsentiert.

Window.matchMedia()

Gibt ein MediaQueryList-Objekt zurück, das die angegebene Media-Query-Zeichenfolge repräsentiert.

Window.moveBy()

Verschiebt das aktuelle Fenster um einen angegebenen Betrag.

Window.moveTo()

Verschiebt das Fenster zu den angegebenen Koordinaten.

Window.open()

Öffnet ein neues Fenster.

Window.postMessage()

Bietet einem Fenster eine sichere Möglichkeit, eine Zeichenfolge mit Daten an ein anderes Fenster zu senden, das sich nicht in derselben Domain wie das erste befinden muss.

Window.print()

Öffnet den Druckdialog, um das aktuelle Dokument zu drucken.

Window.prompt()

Gibt den Text zurück, den die verwendende Person in einem Eingabedialog eingegeben hat.

Window.queryLocalFonts() Sicherer Kontext

Gibt ein Promise zurück, das mit einem Array von FontData-Objekten erfüllt wird, die die lokal verfügbaren Schriftarten repräsentieren.

Window.queueMicrotask()

Stellt einen Microtask in die Warteschlange, der zu einem sicheren Zeitpunkt ausgeführt wird, bevor die Steuerung an die Event Loop des Browsers zurückgegeben wird.

Window.reportError()

Meldet einen Fehler in einem Skript und simuliert dabei eine unbehandelte Ausnahme.

Window.requestAnimationFrame()

Teilt dem Browser mit, dass eine Animation läuft, und fordert ihn auf, das Fenster für den nächsten Animationsframe neu zu zeichnen.

Window.requestIdleCallback()

Ermöglicht es, Aufgaben während Leerlaufphasen des Browsers einzuplanen.

Window.requestResize()

Aktualisiert die Größeninformationen, die ein eingebettetes Dokument mit dem einbettenden übergeordneten Dokument teilt, jedoch nur, wenn das eingebettete Dokument der Weitergabe seiner Größeninformationen zugestimmt hat.

Window.resizeBy()

Ändert die Größe des aktuellen Fensters um einen bestimmten Betrag.

Window.resizeTo()

Ändert die Größe des Fensters dynamisch.

Window.scroll()

Scrollt das Fenster zu einer bestimmten Stelle im Dokument.

Window.scrollBy()

Scrollt das Dokument im Fenster um den angegebenen Betrag.

Window.scrollByLines()

Scrollt das Dokument um die angegebene Anzahl von Zeilen.

Window.scrollByPages()

Scrollt das aktuelle Dokument um die angegebene Anzahl von Seiten.

Window.scrollTo()

Scrollt zu den angegebenen Koordinaten im Dokument.

Window.setInterval()

Plant die Ausführung einer Funktion in regelmäßigen Abständen von einer angegebenen Anzahl von Millisekunden.

Window.setTimeout()

Plant die Ausführung einer Funktion nach einer angegebenen Zeitspanne.

Window.showDirectoryPicker() Sicherer Kontext

Zeigt einen Verzeichnisauswahldialog an, mit dem die verwendende Person ein Verzeichnis auswählen kann.

Window.showOpenFilePicker() Sicherer Kontext

Zeigt einen Dateiauswahldialog an, mit dem die verwendende Person eine oder mehrere Dateien auswählen kann.

Window.showSaveFilePicker() Sicherer Kontext

Zeigt einen Dateiauswahldialog an, mit dem die verwendende Person eine Datei speichern kann.

Window.sizeToContent()

Passt die Größe des Fensters an seinen Inhalt an.

Window.stop()

Diese Methode stoppt das Laden des Fensters.

Window.structuredClone()

Erstellt mithilfe des Algorithmus zum strukturierten Klonen eine tiefe Kopie eines angegebenen Werts.

Veraltete Methoden

Window.captureEvents()

Registriert das Fenster zum Erfassen aller Ereignisse des angegebenen Typs.

Window.clearImmediate()

Bricht die mit setImmediate() eingerichtete wiederholte Ausführung ab.

Window.releaseEvents()

Beendet das Abfangen von Ereignissen eines bestimmten Typs durch das Fenster.

Window.requestFileSystem()

Ermöglicht einer Website oder App den Zugriff auf ein isoliertes Dateisystem für die eigene Verwendung.

Window.setImmediate()

Führt eine Funktion aus, nachdem der Browser andere aufwendige Aufgaben abgeschlossen hat.

Window.setResizable()

Hat keine Wirkung (No-Op). Wird aus Gründen der Abwärtskompatibilität mit Netscape 4.x beibehalten.

Window.webkitConvertPointFromNodeToPage()

Transformiert einen WebKitPoint aus dem Koordinatensystem des Knotens in das Koordinatensystem der Seite.

Window.webkitConvertPointFromPageToNode()

Transformiert einen WebKitPoint aus dem Koordinatensystem der Seite in das Koordinatensystem des Knotens.

Ereignisse

Sie können diese Ereignisse mit addEventListener() überwachen oder der Eigenschaft oneventname dieses Interfaces einen Event-Listener zuweisen. Zusätzlich zu den unten aufgeführten Ereignissen können viele Ereignisse vom Document, das im Fensterobjekt enthalten ist, nach oben weitergegeben werden.

error

Wird ausgelöst, wenn eine Ressource nicht geladen werden konnte oder nicht verwendet werden kann. Das ist beispielsweise der Fall, wenn bei der Ausführung eines Skripts ein Fehler auftritt oder ein Bild nicht gefunden wird oder ungültig ist.

languagechange

Wird am Objekt des globalen Gültigkeitsbereichs ausgelöst, wenn sich die bevorzugte Sprache der verwendenden Person ändert.

resize

Wird ausgelöst, wenn die Größe des Fensters geändert wurde.

storage

Wird ausgelöst, wenn ein Speicherbereich (localStorage oder sessionStorage) im Kontext eines anderen Dokuments verändert wurde.

Verbindungsereignisse

offline

Wird ausgelöst, wenn der Browser den Netzwerkzugriff verloren hat und der Wert von navigator.onLine zu false gewechselt ist.

online

Wird ausgelöst, wenn der Browser Netzwerkzugriff erhalten hat und der Wert von navigator.onLine zu true gewechselt ist.

Ereignisse zur Geräteausrichtung

devicemotion Sicherer Kontext

Wird in regelmäßigen Abständen ausgelöst und gibt die auf das Gerät wirkende physische Beschleunigung sowie, sofern verfügbar, die Rotationsgeschwindigkeit an.

deviceorientation Sicherer Kontext

Wird ausgelöst, wenn neue Daten des Magnetometer-Ausrichtungssensors über die aktuelle Ausrichtung des Geräts relativ zum Erdkoordinatensystem verfügbar sind.

deviceorientationabsolute Sicherer Kontext

Wird ausgelöst, wenn neue Daten des Magnetometer-Ausrichtungssensors über die aktuelle absolute Ausrichtung des Geräts relativ zum Erdkoordinatensystem verfügbar sind.

Fokusereignisse

blur

Wird ausgelöst, wenn das Fenster den Fokus verloren hat.

focus

Wird ausgelöst, wenn das Fenster den Fokus erhalten hat.

Gamepad-Ereignisse

gamepadconnected

Wird ausgelöst, wenn der Browser erkennt, dass ein Gamepad angeschlossen wurde, oder wenn erstmals eine Taste oder Achse des Gamepads verwendet wird.

gamepaddisconnected

Wird ausgelöst, wenn der Browser erkennt, dass ein Gamepad getrennt wurde.

Verlaufereignisse

hashchange

Wird ausgelöst, wenn sich der Fragmentbezeichner der URL geändert hat (der Teil der URL, der mit dem Symbol # beginnt und darauf folgt).

pagehide

Wird gesendet, wenn der Browser das aktuelle Dokument ausblendet, während er zu einem anderen Dokument aus dem Sitzungsverlauf wechselt. Das geschieht beispielsweise, wenn die verwendende Person auf die Schaltfläche „Zurück“ oder „Vorwärts“ klickt, um im Sitzungsverlauf zu navigieren.

pagereveal

Wird ausgelöst, wenn ein Dokument erstmals gerendert wird, entweder beim Laden eines neuen Dokuments aus dem Netzwerk oder beim Aktivieren eines Dokuments (aus dem Back/Forward-Cache (bfcache) oder aus einem Prerender).

pageshow

Wird gesendet, wenn der Browser das Dokument aufgrund einer Navigation sichtbar macht. Dazu gehört nicht nur das erstmalige Laden der Seite, sondern beispielsweise auch die Rückkehr zur Seite, nachdem die verwendende Person innerhalb desselben Tabs zu einer anderen Seite navigiert ist.

pageswap

Wird ausgelöst, wenn ein Dokument aufgrund einer Navigation gleich entladen wird.

popstate

Wird ausgelöst, wenn sich der aktive Verlaufseintrag ändert.

Lade- und Entladeereignisse

beforeunload

Wird ausgelöst, wenn das Fenster, das Dokument und seine Ressourcen gleich entladen werden.

load

Wird ausgelöst, wenn die gesamte Seite einschließlich aller abhängigen Ressourcen wie Stylesheets und Bilder geladen wurde.

unload

Wird ausgelöst, wenn das Dokument oder eine untergeordnete Ressource entladen wird.

Manifest-Ereignisse

appinstalled

Wird ausgelöst, wenn der Browser eine Seite erfolgreich als Anwendung installiert hat.

beforeinstallprompt

Wird ausgelöst, wenn die verwendende Person gleich aufgefordert wird, eine Webanwendung zu installieren.

Nachrichtenereignisse

message

Wird ausgelöst, wenn das Fenster eine Nachricht empfängt, beispielsweise durch einen Aufruf von Window.postMessage() aus einem anderen Browsing-Kontext.

messageerror

Wird ausgelöst, wenn ein Window-Objekt eine Nachricht empfängt, die nicht deserialisiert werden kann.

Druckereignisse

afterprint

Wird ausgelöst, nachdem das Drucken des zugehörigen Dokuments begonnen hat oder die Druckvorschau geschlossen wurde.

beforeprint

Wird ausgelöst, wenn das zugehörige Dokument gleich gedruckt oder in der Druckvorschau angezeigt wird.

Ereignisse bei abgelehnten Promises

rejectionhandled

Wird jedes Mal gesendet, wenn ein JavaScript-Promise abgelehnt wird, unabhängig davon, ob ein Handler zum Abfangen der Ablehnung vorhanden ist.

unhandledrejection

Wird gesendet, wenn ein JavaScript-Promise abgelehnt wird, aber kein Handler zum Abfangen der Ablehnung vorhanden ist.

Scroll-Ereignisse

scrollsnapchange

Wird am Scroll-Container am Ende eines Scrollvorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.

scrollsnapchanging

Wird am Scroll-Container ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snap-Ziel bevorsteht, das heißt, dass es ausgewählt wird, sobald die aktuelle Scrollgeste endet.

Veraltete Ereignisse

orientationchange

Wird ausgelöst, wenn sich die Ausrichtung des Geräts geändert hat.

vrdisplayactivate

Wird ausgelöst, wenn die Darstellung auf einem Display möglich wird.

vrdisplayconnect

Wird ausgelöst, wenn ein kompatibles VR-Gerät mit dem Computer verbunden wurde.

vrdisplaydisconnect

Wird ausgelöst, wenn ein kompatibles VR-Gerät vom Computer getrennt wurde.

vrdisplaydeactivate

Wird ausgelöst, wenn die Darstellung auf einem Display nicht mehr möglich ist.

vrdisplaypresentchange

Wird ausgelöst, wenn sich der Darstellungszustand eines VR-Geräts ändert – also wenn es von der Darstellung zur Nichtdarstellung wechselt oder umgekehrt.

Nach oben weitergegebene Ereignisse

Nicht alle Ereignisse, die nach oben weitergegeben werden, können das Window-Objekt erreichen. Nur die folgenden Ereignisse können es erreichen und am Window-Objekt überwacht werden:

Interfaces

Siehe DOM-Referenz.

Ereignisse auf Window überwachen

Bei HTML-Elementen gibt es drei Möglichkeiten, Ereignisse zu überwachen:

  • Fügen Sie dem Element mit der Methode EventTarget.addEventListener einen Event-Listener hinzu.
  • Weisen Sie der Eigenschaft oneventname des Elements in JavaScript einen Event-Handler zu.
  • Fügen Sie dem Element im HTML ein Attribut mit dem Präfix on hinzu.

Um Ereignisse auf Window-Objekten zu überwachen, können Sie im Allgemeinen nur die ersten beiden Methoden verwenden, da Window kein entsprechendes HTML-Element besitzt. Es gibt jedoch eine bestimmte Gruppe von Ereignissen, deren Listener mit der zweiten oder dritten Methode dem <body>-Element (oder dem veralteten <frameset>-Element) hinzugefügt werden können, das zum Dokument des Window gehört. Diese Ereignisse sind:

  • afterprint
  • beforeprint
  • beforeunload
  • blur
  • error
  • focus
  • hashchange
  • languagechange
  • load
  • message
  • messageerror
  • offline
  • online
  • pagehide
  • pagereveal
  • pageshow
  • pageswap
  • popstate
  • rejectionhandled
  • resize
  • scroll
  • storage
  • unhandledrejection
  • unload

Das bedeutet, dass die folgenden Varianten genau gleichwertig sind:

js
window.onresize = (e) => console.log(e.currentTarget);
document.body.onresize = (e) => console.log(e.currentTarget);
html
<body onresize="console.log(event.currentTarget)"></body>

In allen drei Fällen sehen Sie das Window-Objekt als currentTarget in der Konsole.

Spezifikationen

Spezifikation
HTML
# the-window-object

Browser-Kompatibilität