Hauptmenü

Untermenü

JavaScript - Objektreferenz - location, history

1. Die Objekte

Damit steuert ihr die Navigation. location bezieht sich auf neue Links, während man über history auf die bereits besuchten Seiten des Users Zugriff hat.

2. Eigenschaften location

href

Firefox Opera Safari Google Chrome Internet Explorer

Damit kann man eine URL direkt ansteuern, ist also die JavaScript-Version des HTML-Tags <a href..>. Wirklich sinnvoll ist die aber nur bei automatisierten Weiterleitungen oder wenn man gleichzeitig mehrere Fenster mit einem Link ansteuern will. Letzteres gilt aber nur beim Einsatz von Frames, also "igittigitt pfui bäh". Ansonsten sind die Methoden und Eigenschaften dieses Objektes meiner Meinung nach ziemlich nutzlos. Daher gehe ich auch nicht weiter darauf ein.


window.location.href 'neue_url.htm';

3. Eigenschaften history

length

Firefox Opera Safari Google Chrome Internet Explorer

Hier wird die Anzahl der Einträge in der History-Liste ausgegeben. Diesen Wert kann man selber nicht verändern.


alert (history.length);

4. Methoden history

back

Firefox Opera Safari Google Chrome Internet Explorer

Springt zu einer Seite, die vorher aufgerufen worden ist. Wenn man keinen Parameter angibt, so ist es die letzte. Ansonsten kann man mit negativen Werten arbeiten.


<a href="#" onclick="history.back ();">zurück</a>
<a href="#" onclick="history.back (-2);">zurück</a>

forward

Firefox Opera Safari Google Chrome Internet Explorer

Springt zur nächsten Seite in der History-Liste, wenn zuvor ein "back"-Vorgang stattgefunden hat. Hier kann man keinen zusätzlichen Parameter angeben.


<a href="#" onclick="history.forward ();">zurück</a>

go

Firefox Opera Safari Google Chrome Internet Explorer

Springt um die angegebene Anzahl von Seiten vor- oder zurück. Ein negativer Wert bedeutet dabei zurück.


<a href="#" onclick="history.go (-5);">5 Seiten zurück</a>
<a href="#" onclick="history.go (3);">3 Seiten vor</a>

zurück zum vorherigen Abschnitt weiter zum nächsten Abschnitt