JavaScript Replace Methode

Die Methode replace des Location-Objekts ersetzt die derzeit angezeigte Internetseite durch eine im Parameter übergebene Seite. Es wird also eine neue Seite geladen, die nach dem Laden der Seite im Browserfenster dargestellt wird.

Anders als beim Setzen einer neuen URI über die href-Eigenschaft des Location-Objekts wird die neu zu ladende Seite allerdings nicht an die Browser-Historie (s. a. History) angehängt. Durch replace wird der Eintrag (die in der Historie gespeicherte URI) der aktuell dargestellten Seite in der Historie durch die neu zu ladende Seite überschrieben.

Als einzigen Parameter erwartet die Methode replace die URI der neu zu ladenden Internetseite. Zugriff auf die Methode des Location-Objekts erhält man – für das aktuelle Browserfenster – entweder direkt durch location.replace() oder über self.location.replace() bzw. window.location.replace(). Soll die Methode auf ein anderes Fenster angewandt werden, so funktioniert dies über einen Verweis auf dieses Browserfenster (s. a. location.reload()).

JavaScript Replace Beispiel: Neue URI laden und Historieneintrag ersetzen

Das folgender Beispiel demonstriert die Methode replace des Location-Objekts. Als erstes wird ein Link definiert, der die entsprechende JavaScript-Funktion aufruft. Die Funktion gotoReload setzt die URI der im Browser angezeigten Internetseite neu und ersetzt gleichzeitig den Eintrag dieser Seite in der JavaScript-Historie.

Nachdem Sie auf den Link geklickt haben, werden Sie feststellen, dass ein Klick auf den "zurück"-Button Ihres Browsers Sie nicht wie erwartet wieder zurück zu dieser Seite führt, sondern zu der Seite, die Sie vor dem Laden dieser Seite geöffnet hatten.

<a href="javascript:gotoReload ()" title="">gehe zu Reload</a>
<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
// Neue Seite öffnen und den Historien-Eintrag für die derzeit
// angezeigte Seite durch die neue URI ersetzen
function gotoReload () {
  location.replace ('/beispiele/javascript/reload.html');
}
// -->
</script>

gehe zu Reload