Das Browserfenster verfügt über ein Verlaufsobjekt, das zum Speichern des Browserverlaufs verwendet wird.
Wenn im aktuellen Fenster drei URLs besucht wurden, enthält das Verlaufsobjekt drei Elemente und die Eigenschaft „history.length“ ist gleich 3.
Das History-Objekt stellt eine Reihe von Methoden bereit, die das Wechseln zwischen dem Browserverlauf ermöglichen:
window.history.back(): Wechseln Sie zur zuvor besuchten Seite, entspricht der Zurück-Taste des Browsers.
window.history.forward(): Wechseln Sie zur nächsten besuchten Seite, entsprechend der Vorwärtstaste des Browsers.
window.history.go(num): akzeptiert eine Ganzzahl als Parameter und wechselt zu der durch die Ganzzahl angegebenen Seite. Beispielsweise entspricht go(1) vorwärts() und go(-1) entspricht back(. ).
window.history.pushState(): HTML5 fügt dem Verlaufsobjekt zwei neue Methoden hinzu, window.history.pushState() und window.history.replaceState(), die zum Hinzufügen und Ändern von Datensätzen im Browserverlauf verwendet werden.
Hinweis: 1. Wenn die verschobene Position die Grenze des Zugriffsverlaufs überschreitet, melden die oben genannten drei Methoden keinen Fehler, sondern schlagen stillschweigend fehl.
2. Beim Einrichten wird die Seite normalerweise aus dem Browser-Cache geladen, anstatt den Server erneut aufzufordern, eine neue Webseite zu senden.
Konzentrieren wir uns auf: window.history.pushState()window.history.pushState(state, title, utl) erstellt eine Verlaufsentität auf der Seite. Direkt zum Verlauf hinzufügen.
Zu den Parametern:
state: Ein Statusobjekt, das sich auf die angegebene URL bezieht. Wenn das Popstate-Ereignis ausgelöst wird, wird dieses Objekt an die Callback-Funktion übergeben. Wenn dieses Objekt nicht benötigt wird, kann hier null ausgefüllt werden.
Titel: Der Titel der neuen Seite, aber alle Browser ignorieren derzeit diesen Wert, daher kann hier null ausgefüllt werden.
URL: Die neue URL muss sich in derselben Domain befinden wie die aktuelle Seite. In der Adressleiste Ihres Browsers wird diese URL angezeigt.
Hinweis: Die pushState-Methode löst keine Seitenaktualisierung aus, sondern führt lediglich dazu, dass sich das Verlaufsobjekt ändert und die Adressleiste reagiert.
Beispielimplementierung:Html5 lauscht und fängt die Android-Return-Key-Methode wie folgt ab:
1. Hören Sie sich das Popstate-Ereignis an
window.addEventListener(popstate, function(){ //doSomething}, false)2. Brechen Sie den Standard-Rückgabevorgang ab, d. h. lauschen Sie dem Abfangen des Rückgabeschlüssels: Fügen Sie eine leere Verlaufsentität als Ersatz für die ursprüngliche Verlaufsentität hinzu
window.history.pushState(null, null, #);
Beispiel:
<!DOCTYPE html><html> <meta name=viewport content=width=device-width> <script type=text/javascript> var count = 0; window.history.pushState(null, null, #); (popstate, function(e) { window.history.pushState(null, null, #); document.getElementById('logView').innerHTML = Benutzerklicks return + (++count) }) </script><body> <p id=logView>test</p></body></html>Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Studium aller hilfreich ist. Ich hoffe auch, dass jeder das VeVb Wulin Network unterstützt.