Window.History repräsentiert die historischen Aufzeichnungen des Fensterobjekts, das von den Benutzern aktiv generiert und das vom JavaScript -Skript gesteuerte globale Objekt akzeptiert wird. Das Fensterobjekt bietet Zugriff auf die historische Aufzeichnung des Lautsprechers über das Geschichtsobjekt. Es enthüllt einige sehr nützliche Methoden und Attribute, sodass Sie sich in historischen Aufzeichnungen frei vorwärts bewegen und sich frei zurückziehen können.
1. Die Vorwärts und Rückständigkeit der historischen AufzeichnungenZurückziehen in der historischen Aufzeichnung können Sie dies tun:
window.history.back ();
Dies ist wie ein Benutzer klicken Sie auf die Back -Schaltfläche des Browsers.
Ebenso können Sie vorwärts gehen, genau wie das Klicken auf die Vorwärtsschaltfläche im Browser wie folgt:
window.history.forward ();2. Wechseln Sie zu den ausgewiesenen historischen Aufzeichnungen
Wenn Sie einen Wert im Vergleich zur aktuellen Seitenposition angeben, können Sie die Methode Go () verwenden, um die Seite aus dem historischen Datensatz der aktuellen Sitzung zu laden (der aktuelle Seitenpositionsindexwert ist 0, die vorherige Seite ist -1 und die Die nächste Seite ist 1).
Um eine Seite zurückzuziehen (äquivalent zu Calling ()) :):
Window.history.go (-1);
Verschieben Sie eine Seite nach vorne (gleichwertig zum Aufrufen von Stürmer ()):
Window.history.go (1);
Ähnlich wie bei Parameter 2 des Pass können Sie 2 Rekordpunkte vorwärts verschieben. Sie können den Längenattributwert anzeigen und wie viele Datensatzpunkte im historischen Rekordstapel enthalten sind:
window.history.length;2. Ändern Sie den historischen Rekordpunkt
Die neue API von HTML5 hat das Fenster verlängert. History, wodurch der historische Rekordpunkt offener wird. Sie können die aktuellen historischen Aufzeichnungen speichern, die aktuellen historischen Aufzeichnungen ersetzen und historische Aufzeichnungen überwachen.
1. Speichern Sie den aktuellen historischen RekordpunktDie gespeicherte Methode ähnelt dem Array des Stapels (Array.push ()), und dem Fenster wird ein neuer historischer Aufzeichnungspunkt hinzugefügt.
// Die aktuelle URL ist: http://qianduanblog.com/index.htmlvar json = {time: New Date (). Der Browser prüft nicht, ob die URL existiert, sondern nur die URL.Nach der Ausführung der PushState -Methode lautet die URL -Adresse der Seite http://qianduanblog.com/post -html.
2. Ersetzen Sie den aktuellen historischen RekordpunktWindow.History.Replacestate ist ähnlich wie bei Windows.history.pushstate. zum Datensatzpunkt hinzugefügt. Wenn Sie das Statusobjekt oder die URL des aktuellen historischen Datensatzeintrags als Reaktion auf bestimmte Operationen des Benutzers aktualisieren müssen, ist die Verwendung der Methode für Ersatz () besonders angemessen.
3.. Überwachung historischer AufzeichnungspunktDer historische Aufzeichnungspunkt der Überwachung, intuitiv, kann als URL -Veränderung angesehen werden, aber es wird den Hash -Teil der URL ignorieren. Hören Sie sich den Hash -Teil der URL an. Diese Methode und dieser Cross -Browser in meinem Blog werden ebenfalls zu dieser Methode und Cross -Browler -Lösungen gesagt. Sie können sich die Änderungen der URL durch window.onpopstate anhören und das Statusobjekt am historischen Aufzeichnungspunkt gespeichert, das oben erwähnt wird, wie beispielsweise:
// Die aktuelle URL ist: http://qianduanblog.com/post -htmlwindow.onpopstate = function () {// das JSON -Objekt erhalten, das am historischen Datensatzspunkt var json = windel.history.state gespeichert ist Rückkehr zu: http://qianduanblog.com/index.html // Der erhaltene JSON ist NULL // erneut.Es ist erwähnenswert, dass: JavaScript -Skript window.history.pushstate und window.history.replacestate das OnPopState -Ereignis nicht auslöst.
Es ist auch wichtig zu beachten, dass die Reaktion des Google -Browsers und des Firefox -Browsers auf der Seite zum ersten Mal anders ist.
Das obige Erläuterung der Pushstate- und Popstate -Operationen von HTML5 ändert die aktuelle URL. Zeit. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!