JS JavaScript-Referenz

PageRevealEvent Schnittstelle

Ereignisobjekt des <code>pagereveal</code>-Ereignisses, das vor dem ersten Rendern eines Dokuments ausgelöst wird und Zugriff auf eine laufende dokumentübergreifende View Transition gibt.

PageSwapEvent Schnittstelle

Ereignisobjekt des <code>pageswap</code>-Ereignisses: liefert beim Verlassen eines Dokuments Infos zur Navigation und zum ausgehenden dokumentübergreifenden View Transition.

PageTransitionEvent Schnittstelle

Ereignisobjekt der Events <code>pageshow</code> und <code>pagehide</code>. Es zeigt an, ob eine Seite aus dem Back-/Forward-Cache (bfcache) kommt oder dort abgelegt wird.

PaintRenderingContext2D Schnittstelle

Der 2D-Rendering-Kontext der CSS Painting API, mit dem ein Paint Worklet in seiner <code>paint()</code>-Methode Grafiken für CSS-Eigenschaften wie <code>background-image</code> zeichnet.

PaintSize Schnittstelle

Gibt die Größe der Zeichenfläche an, die ein CSS-Paint-Worklet in seiner <code>paint()</code>-Methode füllen soll. Die Eigenschaften <code>width</code> und <code>height</code> sind schreibgeschützt.

PaintWorkletGlobalScope Schnittstelle

Das globale Objekt in einem Paint Worklet der CSS Painting API. Über <code>registerPaint()</code> meldet es eigene Zeichenklassen für <code>paint()</code> in CSS an.

PannerNode Schnittstelle

Der <code>PannerNode</code> positioniert eine Audioquelle im dreidimensionalen Raum und berechnet daraus Richtung, Entfernungsdämpfung und Klangkegel relativ zum <code>AudioListener</code>.

PasswordCredential Schnittstelle

Stellt ein Benutzername/Passwort-Paar der Credential Management API dar, das der Browser speichern und beim nächsten Login wieder bereitstellen kann.

PasswordCredentialInit Schnittstelle

Wörterbuch mit Benutzerkennung, Passwort und optionalen Metadaten, das an <code>navigator.credentials.create({ password })</code> oder <code>new PasswordCredential()</code> übergeben wird.

Path2D Schnittstelle

Mit <code>Path2D</code> legst du einen wiederverwendbaren Canvas-Pfad als eigenes Objekt an und zeichnest ihn später mit <code>fill()</code>, <code>stroke()</code> oder <code>clip()</code>.

PaymentAddress Schnittstelle

Stellt eine Versand- oder Rechnungsadresse dar, die der Browser im Rahmen der Payment Request API vom Nutzer erfragt hat. Alle Eigenschaften sind schreibgeschützt.

PaymentManager Schnittstelle

Verwaltet über <code>ServiceWorkerRegistration.paymentManager</code> die Funktionen einer webbasierten Zahlungs-App, etwa Nutzerhinweise und die Übernahme von Kontakt- und Versanddaten.

PaymentMethodChangeEvent Schnittstelle

Ereignisobjekt des <code>paymentmethodchange</code>-Ereignisses der Payment Request API. Es wird ausgelöst, wenn der Benutzer im Zahlungsdialog ein anderes Zahlungsmittel wählt.

PaymentRequest Schnittstelle

Über <code>PaymentRequest</code> startest du den Bezahlvorgang der Payment Request API: Der Browser zeigt ein eigenes Bezahlfenster und gibt die Zahlungsdaten an die Seite zurück.

PaymentRequestEvent Schnittstelle

Das Event, das ein Payment-Handler-Service-Worker bei <code>paymentrequest</code> erhält, sobald eine Website über <code>PaymentRequest.show()</code> seine Zahlungsart auswählt.

PaymentRequestUpdateEvent Schnittstelle

Ereignis, das eine <code>PaymentRequest</code> auslöst, wenn der Nutzer Versandadresse, Versandoption oder Zahlungsmethode ändert. Mit <code>updateWith()</code> passt man danach die Zahlungsdetails an.

PaymentResponse Schnittstelle

Enthält das Ergebnis einer genehmigten Zahlungsanfrage: gewählte Zahlungsmethode, methodenspezifische Daten und Käuferangaben. Das Promise von <code>PaymentRequest.show()</code> liefert es.

Pbkdf2Params Schnittstelle

Wörterbuch mit den Parametern für PBKDF2 (<code>name</code>, <code>hash</code>, <code>salt</code>, <code>iterations</code>), das an <code>SubtleCrypto.deriveKey()</code> bzw. <code>deriveBits()</code> übergeben wird.

Performance Schnittstelle

Das <code>Performance</code>-Interface bietet Zugriff auf hochauflösende Zeitmessung und leistungsbezogene Informationen (Timeline-Einträge) der aktuellen Seite oder des Workers.

PerformanceElementTiming Schnittstelle

Liefert Render-Zeitpunkte für Bild- und Textelemente, die mit dem HTML-Attribut <code>elementtiming</code> zur Beobachtung markiert wurden.

PerformanceEntry Schnittstelle

Basisschnittstelle für einen einzelnen Messwert in der Leistungs-Zeitleiste des Browsers, z. B. Ressourcen-Ladezeit, Markierung oder Messung.

PerformanceEventTiming Schnittstelle

Liefert als Teil der Event Timing API Zeitmessungen zu Ereignissen aus Benutzerinteraktionen (Klick, Taste, Pointer), etwa Eingabeverzögerung, Verarbeitungszeit und Gesamtdauer bis zum nächsten Frame.

PerformanceLongAnimationFrameTiming Schnittstelle

Liefert detaillierte Zeitmesswerte zu langen Animationsframes (LoAFs, über 50&nbsp;ms), die das Rendering verzögern und den Hauptthread blockieren.

PerformanceLongTaskTiming Schnittstelle

Liefert Zeitinformationen über lange Tasks, die den Haupt-Thread (UI-Thread) 50 Millisekunden oder länger blockieren.

PerformanceMark Schnittstelle

Ein <code>PerformanceMark</code> ist ein benannter Zeitstempel in der Performance-Timeline (<code>entryType</code> = <code>"mark"</code>), z. B. erzeugt durch <code>performance.mark()</code>.

PerformanceMeasure Schnittstelle

Stellt eine benannte Zeitmessung zwischen zwei Zeitpunkten dar, die mit <code>performance.measure()</code> erzeugt wird (<code>entryType</code> = <code>"measure"</code>).

PerformanceNavigation Schnittstelle

Veraltetes Interface, das über <code>performance.navigation</code> angibt, wie zum aktuellen Dokument navigiert wurde (Typ) und wie viele Weiterleitungen dabei nötig waren.

PerformanceNavigationTiming Schnittstelle

Liefert genaue Zeitmessungen zur Navigation des aktuellen Dokuments – von Weiterleitung, DNS und TCP über den Server-Response bis zu <code>DOMContentLoaded</code> und <code>load</code>.

PerformanceObserver Schnittstelle

Beobachtet die Performance-Zeitleiste und ruft einen Callback auf, sobald neue Performance-Einträge (z. B. <code>resource</code>, <code>paint</code>, <code>longtask</code>) erfasst werden.

PerformanceObserverEntryList Schnittstelle

Liste der Performance-Einträge, die ein <code>PerformanceObserver</code> über <code>observe()</code> erfasst hat und an seinen Callback übergibt.

PerformancePaintTiming Schnittstelle

Stellt Zeitstempel für Paint-Meilensteine wie <code>first-paint</code> und <code>first-contentful-paint</code> während des Seitenaufbaus bereit.

PerformanceResourceTiming Schnittstelle

Liefert detaillierte Netzwerk-Zeitmessungen (DNS, TCP, TLS, Anfrage, Antwort) und Größenangaben für jede Ressource, die eine Seite lädt.

PerformanceScriptTiming Schnittstelle

Liefert Messwerte zu einem einzelnen Skript, das zu einem langen Animationsframe (LoAF, über 50 ms) beigetragen hat: Quelle, Aufrufer, Dauer und erzwungene Layout-Zeit.

PerformanceServerTiming Schnittstelle

Das Interface <code>PerformanceServerTiming</code> stellt Servermetriken bereit, die der Server mit der Antwort im HTTP-Header <code>Server-Timing</code> sendet.

PerformanceSoftNavigation Schnittstelle

Liefert Performance-Einträge vom Typ <code>"soft-navigation"</code> mit Timing-Daten zu clientseitigen Routenwechseln in Single-Page-Applications.

PerformanceTiming Schnittstelle

Veraltete Schnittstelle mit Zeitstempeln (in ms seit Epoche) für die Phasen beim Laden einer Seite; erreichbar über <code>performance.timing</code>.

PerformanceTimingConfidence Schnittstelle

Gibt an, ob die Leistungsmessung eines Navigations-Eintrags die typische Leistung der Anwendung zeigt (<code>"high"</code>) oder wahrscheinlich durch äußere Faktoren verfälscht ist (<code>"low"</code>).

PeriodicSyncEvent Schnittstelle

Ereignisobjekt des <code>periodicsync</code>-Events im Service Worker, mit dem eine installierte Web-App in regelmäßigen Abständen bei bestehender Netzwerkverbindung Daten im Hintergrund aktualisieren kann.

PeriodicSyncManager Schnittstelle

Registriert, listet und entfernt periodische Hintergrund-Synchronisationen, die ein Service Worker in regelmäßigen Abständen bei bestehender Netzwerkverbindung ausführt.

PeriodicWave Schnittstelle

Beschreibt eine frei definierbare periodische Wellenform über Fourier-Koeffizienten, die per <code>OscillatorNode.setPeriodicWave()</code> als Klangquelle dient.

Permissions Schnittstelle

Die <code>Permissions</code>-Schnittstelle stellt über <code>navigator.permissions</code> Methoden bereit, mit denen man den Status von Berechtigungen abfragt, etwa für Geolocation oder Benachrichtigungen.

PermissionsPolicyViolationReport Schnittstelle

Bericht der Reporting API, der erzeugt wird, wenn ein Dokument gegen seine Permissions Policy verstößt, z. B. durch einen blockierten Aufruf von <code>geolocation</code>.

PermissionStatus Schnittstelle

Beschreibt den aktuellen Berechtigungsstatus einer Funktion (z. B. Geolocation) und meldet über das <code>change</code>-Ereignis, wenn er sich ändert.

PictureInPictureEvent Schnittstelle

Ereignisobjekt für die Picture-in-Picture-Ereignisse <code>enterpictureinpicture</code> und <code>leavepictureinpicture</code> eines <code>&lt;video&gt;</code>-Elements, mit Zugriff auf das zugehörige PiP-Fenster.

PictureInPictureWindow Schnittstelle

Stellt das schwebende Bild-im-Bild-Videofenster dar. Über dieses Objekt lassen sich <code>width</code> und <code>height</code> auslesen und das <code>resize</code>-Event abonnieren.

Plugin Schnittstelle

Das <code>Plugin</code>-Interface beschreibt ein Browser-Plugin mit Name, Dateiname, Beschreibung und den unterstützten MIME-Typen.

PluginArray Schnittstelle

Array-ähnliche, schreibgeschützte Liste von <code>Plugin</code>-Objekten, die über <code>navigator.plugins</code> abrufbar ist.

Point Schnittstelle

Das veraltete, nicht standardisierte <code>Point</code>-Interface beschreibt einen Punkt im zweidimensionalen Raum mit den Koordinaten <code>x</code> und <code>y</code>.

PointerEvent Schnittstelle

Ein <code>PointerEvent</code> beschreibt eine Eingabe per Maus, Stift oder Touch mit Kontaktgeometrie, Gerätetyp, Druck, Neigung und eindeutiger Zeiger-ID.

PopStateEvent Schnittstelle

Das Ereignisobjekt des <code>popstate</code>-Ereignisses. Es wird ausgelöst, wenn sich der aktive Eintrag im Browserverlauf ändert, und liefert über <code>state</code> die gespeicherten Zustandsdaten.

PositionSensorVRDevice Schnittstelle

Stellt in der frühen WebVR API den Positions- und Orientierungssensor eines VR-Headsets dar und liefert Position, Ausrichtung und Bewegungsdaten.

PreferenceManager Schnittstelle

Stellt über <code>navigator.preferences</code> <code>PreferenceObject</code>-Objekte bereit, mit denen sich Benutzerpräferenzen wie Farbschema oder reduzierte Bewegung abfragen und für die Website überschreiben lassen.

PreferenceObject Schnittstelle

Stellt eine einzelne Benutzereinstellung (z. B. Farbschema) der User Preferences API dar. Die Einstellung lässt sich lesen, seitenweit überschreiben und auf Änderungen überwachen.

Presentation Schnittstelle

Einstiegspunkt der Presentation API über <code>navigator.presentation</code>. Damit lassen sich Inhalte auf Zweitbildschirmen wie Beamern oder Chromecast-Geräten anzeigen und steuern.

PresentationAvailability Schnittstelle

Gibt an, ob für eine <code>PresentationRequest</code> gerade mindestens eine passende Präsentationsanzeige verfügbar ist, und meldet Änderungen per <code>change</code>-Event.

PresentationConnection Schnittstelle

Steht für eine einzelne Verbindung zwischen einer steuernden Seite und einer Präsentation auf einem zweiten Bildschirm und dient zum Nachrichtenaustausch und zur Statuskontrolle.

PresentationConnectionAvailableEvent Schnittstelle

Event der Presentation API. Es wird als <code>connectionavailable</code> ausgelöst, sobald eine neue <code>PresentationConnection</code> zu einer Präsentation verfügbar ist.

PresentationConnectionCloseEvent Schnittstelle

Ereignisobjekt der Presentation API, das beim Schließen einer <code>PresentationConnection</code> als <code>close</code>-Event ausgelöst wird und Grund sowie Meldung liefert.

PresentationConnectionList Schnittstelle

Enthält auf der Empfängerseite der Presentation API alle eingehenden <code>PresentationConnection</code>-Objekte und meldet neue Verbindungen über das Event <code>connectionavailable</code>.

PresentationReceiver Schnittstelle

Ermöglicht einer Präsentationsseite (empfangender Browsing-Kontext), auf die steuernden Verbindungen zuzugreifen und mit den Controller-Seiten Nachrichten auszutauschen.

PresentationRequest Schnittstelle

Mit <code>PresentationRequest</code> startet man aus einer steuernden Seite eine Präsentation auf einem zweiten Bildschirm (z. B. Beamer, Chromecast) oder verbindet sich erneut mit einer laufenden.

PressureObserver Schnittstelle

Beobachtet Druckänderungen von Systemressourcen wie der CPU und meldet über einen Callback grobe Zustände von <code>"nominal"</code> bis <code>"critical"</code>.

PressureRecord Schnittstelle

Beschreibt einen Zustandswechsel der Rechenlast (z. B. CPU) zu einem bestimmten Zeitpunkt; wird von <code>PressureObserver</code> an dessen Callback übergeben.

ProcessingInstruction Schnittstelle

Stellt einen Verarbeitungsanweisungs-Knoten (<code>&lt;?target data?&gt;</code>) dar, der Anweisungen für eine bestimmte Anwendung enthält und von anderen ignoriert wird.

Profiler Schnittstelle

Das <code>Profiler</code>-Interface der JS Self-Profiling API zeichnet in festen Abständen JavaScript-Aufrufstapel auf, damit Sie Leistungsprobleme direkt bei echten Nutzern messen können.

ProgressEvent Schnittstelle

Ereignis-Schnittstelle, die den Fortschritt eines laufenden Vorgangs meldet, z. B. Up- oder Download per <code>XMLHttpRequest</code> oder Lesen einer Datei mit <code>FileReader</code>.

PromiseRejectionEvent Schnittstelle

Ereignis, das an den globalen Kontext (<code>window</code> oder Worker) gesendet wird, wenn ein Promise abgelehnt wird und kein Ablehnungs-Handler vorhanden ist bzw. später einer hinzukommt.

PublicKeyCredential Schnittstelle

Steht für ein Schlüsselpaar aus öffentlichem und privatem Schlüssel, das über WebAuthn eine passwortlose, phishing-resistente Anmeldung ermöglicht (Passkeys, Sicherheitsschlüssel).

PublicKeyCredentialCreationOptions Schnittstelle

Dictionary mit allen Angaben, die <code>navigator.credentials.create({ publicKey })</code> braucht, um per WebAuthn einen neuen Passkey bzw. ein Public-Key-Credential zu registrieren.

PublicKeyCredentialRequestOptions Schnittstelle

Konfigurationsobjekt für <code>navigator.credentials.get({ publicKey })</code>, mit dem eine WebAuthn-Anmeldung per Passkey oder Sicherheitsschlüssel angefordert wird.

PushEvent Schnittstelle

Das <code>PushEvent</code>-Interface der Push-API steht für eine Push-Nachricht, die im Service Worker über das <code>push</code>-Event ankommt.

PushManager Schnittstelle

Das Interface <code>PushManager</code> der Push-API verwaltet Push-Abonnements eines Service Workers: anlegen, abrufen und den Berechtigungsstatus prüfen.

PushMessageData Schnittstelle

Enthält die Nutzdaten einer Push-Nachricht im Service Worker und liefert sie über <code>arrayBuffer()</code>, <code>blob()</code>, <code>bytes()</code>, <code>json()</code> oder <code>text()</code>.

PushSubscription Schnittstelle

Stellt ein Push-Abonnement dar: Endpunkt-URL des Push-Dienstes plus öffentlicher Schlüssel und Auth-Geheimnis zum Verschlüsseln von Push-Nachrichten.

PushSubscriptionOptions Schnittstelle

Stellt die schreibgeschützten Optionen eines Push-Abonnements bereit, also <code>userVisibleOnly</code> und <code>applicationServerKey</code>.