JavaScript Reload Methode

Mit Hilfe der JavaScript-Methode reload, einer Methode des JavaScript-Objekts Location, welches in der Objekthierarchie unterhalb des Window-Objekts angesiedelt ist, kann die aktuell angezeigte Internetseite per JavaScript neu geladen werden. Ihr Aufruf hat also die selbe Wirkung, wie wenn Sie auf den Reload-Button Ihres Web-Browsers klicken.

Parameter erwartet die Methode reload nicht. Auch wird kein Rückgabewert geliefert. Aufgerufen wird die Methode für das aktuelle Browserfenster meist direkt über die Anweisung location.reload. Sie können genau genommen auch self oder aber window voranstellen – was aber nicht nötig ist.

Für ein anderes Fenster können Sie diese Methode aufrufen, indem Sie statt self/window den Verweis auf das entsprechende Fenster angeben. Einen Verweis auf ein Fenster erhalten Sie beim Öffnen des Fensters per window.open(). Diese Methode liefert einen solchen Verweis als Rückgabewert. Damit haben Sie die Möglichkeit, einzelne Frames oder zusätzlich geöffnete Browserfenster individuell – beispielsweise als Reaktion auf eine Benutzeraktion – oder gar zyklisch neu laden zu lassen.

JavaScript Reload Beispiel: Seite neu laden / Fensterinhalt neu laden

Das nächste Beispiel zeigt, wie die Methode location.reload genutzt werden kann. Es werden dabei drei Links definiert, von denen der erste Link die derzeit angezeigte Seite neu lädt – durch direkten Aufruf der Methode reload in der href-Eigenschaft des Links.

Von den beiden anderen Links öffnet der Erste ein neues Browserfenster und der Zweite lädt den Inhalt des Fensters neu. Dazu werden im unteren Code-Abschnitt die beiden Funktionen open_window und reload_window definiert. Diese beiden Funktionen implementieren die entsprechenden Funktionalitäten. Dabei wird jeweils darauf geachtet, ob das benötigte Fenster geöffnet ist.

<a href="javascript:self.location.reload ()" title="">Seite neu laden</a><br>
<a href="javascript:open_window ()" title="">Fenster &ouml;ffnen</a><br>
<a href="javascript:reload_window ()" title="">Fensterinhalt neu laden</a>
<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
// Variable zur Speicherung des Fensterverweises
var neues_fenster;

// Funktion öffnet ein neues Fenster, wenn es nicht bereits zuvor geöffnet wurde
function open_window () {
  // Existiert das Fenster noch nicht oder wurde es zwischenzeitlich geschlossen?
  if (!neues_fenster ¦¦ neues_fenster.closed)
    // Neues Browserfenster öffnen
    neues_fenster = window.open ('/pic/logo_evocomp.jpg', 'Logo', 'width=300,height=100,location=no,menubar=no,scrollbars=no,status=no,toolbar=no');
}

// Inhalt des Fensters neu laden
function reload_window () {
  // Funktioniert nur, wenn das Browserfenster zuvor geöffnet wurde und es immernoch offen ist
  if (typeof neues_fenster == 'object' && !neues_fenster.closed)
    // Inhalt über das Location-Objekt neu laden
    neues_fenster.location.reload ();
}
// -->
</script>

Seite neu laden
Fenster öffnen
Fensterinhalt neu laden