7.2 Die Historie, Objekt »history«
Das Objekt history liegt in der Objekthierarchie unterhalb des Objekts window. Es arbeitet mit der Historie des Browsers. Sie können:
-
mit der Methode back() sich die vorherige Seite anzeigen lassen,
-
mit der Methode forward() sich die nächste Seite anzeigen lassen, falls Sie sich schon in der Historie bewegt haben, und
-
mit der Methode go() zu einer beliebigen Seite in der Historie springen, dabei mit einem negativen Wert als Parameter zu einer der vorherigen Seiten und mit einem positiven Wert zu einer der nächsten Seiten.
Die Eigenschaft length zeigt Ihnen die Länge der Historie des aktuellen Tabs an.
Ein kleines Beispielprogramm:
...
<body>
<p><input id="idVor" type="button" value="Eine Seite vor">
<input id="idRueck" type="button" value="Eine Seite zurück">
<input id="idGo" type="button" value="Drei Seiten zurück"></p>
<p><input id="idLg" type="button" value="Länge der Historie"></p>
<script>
document.getElementById("idVor")
.addEventListener("click", function(){history.forward();});
document.getElementById("idRueck")
.addEventListener("click", function(){history.back();});
document.getElementById("idGo")
.addEventListener("click", function(){history.go(-3);});
document.getElementById("idLg")
.addEventListener("click", function(){alert(history.length);});
</script>
</body></html>
Listing 7.5 Datei »history.htm«
In Abbildung 7.4 sehen Sie das Programm mit vier Schaltflächen.
Abbildung 7.4 Zugriff auf die Historie
Es werden die oben genannten Methoden aufgerufen und die Werte der Eigenschaft abgerufen. Der Aufruf von go(-3) führt in der Historie drei Seiten zurück.