Heim >Web-Frontend >js-Tutorial >Was ist das JavaScript-Verlaufsobjekt?
Das Verlaufsobjekt von JavaScript ist Teil des Fensterobjekts und stellt eine Array-Sammlung der vom Benutzer besuchten URLs dar. Es wird zum Speichern des Online-Verlaufs des Benutzers ab dem Moment des Öffnens des Fensters verwendet.
In diesem Artikel wird Ihnen das History-Objekt von JavaScript vorgestellt, damit Sie ein einfaches Verständnis des History-Objekts erhalten und die Eigenschaften und Methoden des History-Objekts kennen. Ich hoffe, es wird Ihnen hilfreich sein.
Attribute des History-Objekts
Das History-Objekt hat nur ein Attribut, nämlich: Länge Wird verwendet, um Verlaufsdatensätze zurückzugeben. Die Anzahl der URLs in der Tabelle. Beispiel:
history.length // 如果在当前窗口先后访问了三个网站,有了三个URL,就会返回3
Methoden des Verlaufsobjekts
Das Verlaufsobjekt verfügt über drei Methoden, nämlich:
forward(): Lädt die vorherige URL in der Verlaufsliste.
back(): Die nächste URL in der Verlaufsliste laden.
go(): Lädt eine bestimmte Seite in der Verlaufsliste und kann eine Ganzzahl als Parameter akzeptieren, zum Beispiel:
history.go(1) /*相当于*/ history.forward() history.go(-1) /*相当于*/ history.back() history.history.go(0) /*相当于刷新当前页面*/
Beispiel für die History-Objektmethode:
History-Objekt-Methode kann im Link „Zurück zur vorherigen Seite“ verwendet werden
1.html
<div id="demo"> <a href="file:///D:/ksdler/Sublime%20Text/demo/2.html">2.html</a><br> <a href="#" id="backLink">返回上一页</a><br> </div> <script> document.getElementById('backLink').onclick = function () { window.history.back(); } </script>
2.html
<div id="demo"> <a href="file:///D:/ksdler/Sublime%20Text/demo/1.html">1.html</a><br> <a href="#" id="backLink">返回上一页</a><br> </div> <script> document.getElementById('backLink').onclick = function () { window.history.back(); } </script>
Rendering:
Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.
Das obige ist der detaillierte Inhalt vonWas ist das JavaScript-Verlaufsobjekt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!