Wie verwende ich Popstate? Zusammenfassung der Popstate-Instanznutzung

In diesem Artikel wird hauptsächlich der Pushstate- und Popstate-Vorgangsverlauf von HTML5 vorgestellt. Die relevanten Informationen zum Ändern der aktuellen URL ohne Aktualisierung finden Sie im nächsten Schritt. Informationen zum Verlauf von window.historywindow.history Objekt, das vom Benutzer bestimmt wird. Ein globales Objekt, das aktiv von JavaScript-Skripten generiert und gesteuert wird. Das Fensterobjekt bietet Zugriff auf den Browserverlauf über das Verlaufsobjekt. Es stellt einige sehr nützliche Methoden und Eigenschaften bereit, die es Ihnen ermöglichen, sich im Verlauf frei vorwärts und rückwärts zu bewegen. 1. Vorwärts und rückwärts im Verlauf Um im Verlauf zurückzugehen, können Sie Folgendes tun: window.history.back(); Dies ist so, als ob der Benutzer auf die Zurück-Schaltfläche des Browsers klickt. In ähnlicher Weise können Sie wie folgt vorwärts gehen, indem Sie auf die Schaltfläche „Vorwärts“ im Browser klicken: window.history.forward(); 2. Gehen Sie zu einem bestimmten Verlaufspunkt, indem Sie einen Wert relativ zur aktuellen Seitenposition angeben, den Sie verwenden können Die go()-Methode lädt die Seite aus dem Verlauf der aktuellen Sitzung

1. Der Verlauf der HTML5-Pushstate- und Popstate-Vorgänge ändert die aktuelle URL, ohne sie zu aktualisieren 🎜 >

Einführung: In diesem Artikel werden hauptsächlich die Geschichte der Pushstate- und Popstate-Vorgänge in HTML5 sowie zugehörige Informationen zum Ändern der aktuellen URL ohne Aktualisierung vorgestellt. Freunde, die es brauchen Sie können sich auf die folgende

2 beziehen.

Detaillierte Erläuterung des Pushstate- und Popstate-Vorgangsverlaufs zum Ändern des aktuellen URL-Codebeispiels ohne Aktualisierung

Einführung: In diesem Artikel werden hauptsächlich die Geschichte der Pushstate- und Popstate-Vorgänge in HTML5 sowie zugehörige Informationen zum Ändern der aktuellen URL ohne diese Funktion vorgestellt erfrischend. Freunde in Not können darauf verweisen

3. Klicken Sie zurück auf die JQ-Seite und ein Eingabeaufforderungsfeld wird angezeigt

Einführung: demo.js jQuery(document).ready(function ($) { if (window.history && window.history.pushState ) { $(window).on('popstate', function () { var hashLocation = location.hash; var hash ...

4. Verwenden Sie pushState, popState und location.hash und andere Methoden, um eine kleine Route selbst zu implementieren

Einführung: Dieser Artikel erfasst hauptsächlich Implementieren Sie schließlich selbst ein kleines Routing über diese APIs

5.Erstellen Sie ein besseres Browsererlebnis >

Einführung: Die HTML5-History-API enthält nur zwei Methoden: History.pushState() und History.replaceState() sowie 1 Ereignis: window.onpopstate. ,.

[Verwandte Q&A-Empfehlungen]:

Javascript – WeChat-Popstate-Ereignis, wie man ein Rollback-Ereignis löst, um Init-Initialisierungsdaten abzubrechen

javascript - Wie zeige ich den Wert des von js erhaltenen URL-Parameters auf der ArcGIS-Serverkarte an?

Javascript – Kann den Status des onpopstate-Ereignisses nicht abrufen?

Javascript – So verwenden Sie Ajax, um die Webseitenadresse zu ändern ( URL) ohne Aktualisierung Vorwärts- und Rückwärtsänderungen am Inhalt implementieren?

Javascript – Chrome-Zurück-Vorwärts-Schaltfläche löst kein Onpopstate-Ereignis aus

Das obige ist der detaillierte Inhalt vonWie verwende ich Popstate? Zusammenfassung der Popstate-Instanznutzung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!