Stil mit {stil}

Okt 2008

Das History-Objekt

Browser speichern URLs, die der Benutzer besucht – z.B. für den Vorwärts- und Zurück-Button des Fensters – in der history-Liste. Der Sicherheit zuliebe kann JavaScript die URLs der history nicht lesen und so herausfinden, welche Seiten der Besucher zuvor besucht hat. Ein Javascript kann nur die Anzahl der Seiten in der History zählen und im Blindflug zu diesen URLs verlinken.

Genauso wie viele andere Methoden und Eigenschaften des Window-Objekts hat history seine Bedeutung verloren – das history-Objekt simuliert im Grunde genommen nur die Vorwärts- und Zurück-Buttons des Browsers und wir können es unseren Besuchern durchaus zumuten, die entsprechenden Schaltflächen des Browsers zu benutzen.

Eigenschaften und Methoden des history-Objekts

length Integer

Anzahl der URL-Einträge in der history-Liste

back() | forward()

machen genau das, was man erwartet: Die Anweisungen führen den Benutzer um eine Seite zurück oder vorwärts in der history und simuliert innerhalb des Dokuments die Zurück- und Vorwärts-Buttons der Browserleiste.

go()

springt Seite zurück oder vor, abhängig vom Wert des Parameters

Muster: Einen history-Link dynamisch erzeugen

function goBack()
{
   if (document.getElementById('main')) {
      var content = document.getElementById('main');
      var backRefA = document.createElement('div');

      backRefA.style.color = "fuchsia";
      backRefA.style.textDecoration = "underline";
      backRefA.style.cursor = "pointer";
      backRefA.style.textAlign = "center";
   
      var backRefText = document.createTextNode('Zurück');

      backRefA.appendChild(backRefText);
      content.appendChild(backRefA);
      backRefA.onmouseover = function() {
         window.status = "Gehe zurück";
      }
      backRefA.onclick = function() {
         history.back();
      }
   }
}