JavaScript Location Objekt

Das JavaScript Objekt Location liegt in der Objekt-Hierarchie direkt unterhalb des Window-Objekts. Es enthält eine Reihe von Eigenschaften, unter denen die Vollständige URI sowie die einzelnen Komponenten der URI gespeichert – allesamt als Zeichenketten – sind. Auf diese Eigenschaften kann sowohl lesend als auch schreibend zugegriffen werden. Um Probleme zu vermeiden sollte auch bei Änderung einzelner Komponenten der URI allerdings stets die Eigenschaft href, welche die komplette URI enthält, geändert werden. Nachdem die entsprechende Eigenschaft geändert wurde, lädt der Web-Browser die abgeänderte URI neu.

Location besitzt, neben den Eigenschaften zur Speicherung der URI und den Komponenten der URI, lediglich zwei Methoden. Mit Hilfe der Methode reload() wird die aktuelle Seite erneut geladen. Damit hat diese Methode die gleiche Wirkung, wie das Betätigen des Reload-Buttons Ihres Browsers.

Die zweite Methode des Objekt Location ist die Methode replace(). Diese Methode lädt die übergebene Seite in das Browserfenster und überschreibt dabei den Historieneintrag in der History.

JavaScript Location Beispiel 1: Eigenschaften von Location

Im folgenden Beispiel werden über die Eigenschaft href die URI, sowie die einzelnen Komponenten der URI, die in den anderen Eigenschaften des Location-Objekts gespeichert sind, ausgegeben. Soll dabei auf das aktuelle Fenster zugegriffen werden, so kann man sich das teils vorangestellte window sparen.

<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
document.write ('HREF: ' + window.location.href + '<br>');
document.write ('HASH: ' + location.hash + '<br>');
document.write ('HOST: ' + location.host + '<br>');
document.write ('HOSTNAME: ' + location.hostname + '<br>');
document.write ('PATHNAME: ' + location.pathname + '<br>');
document.write ('PORT: ' + location.port + '<br>');
document.write ('PROTOCOL: ' + location.protocol + '<br>');
document.write ('SEARCH: ' + location.search + '<br>');
// -->
</script>

JavaScript Location Beispiel 2: Zugriff auf das Location-Objekt eines anderen Fensters

Wenn Sie auf die Location-Eigenschaften oder Methoden eines anderen Fensters zugreifen möchten, so muss das entsprechende Fenster über einen Verweis, der in einer Variablen gespeichert ist, addressiert werden. Der Verweis muss zuvor in dieser Variable gespeichert werden. Sie erhalten einen solchen Verweis auf ein Fenster, indem Sie den beim Öffnen des Fensters mit der Methode window.open gelieferten Rückgabewert in der Variablen speichern.

Demostriert wird dies im folgenden Beispiel, bei dem zunächst ein leeres Fenster geöffnet wird, welches danach in den Vordergrund geholt wird. Zum Schluß wird der Inhalt des Fensters neu gesetzt. Dies geschieht durch ändernden Zugriff auf das Location-Objekt des Fensters. Bitte beachten Sie, dass dieses Beispiel nicht funktioniert, wenn Sie in Ihren Browsereinstellungen das Öffnen von PopUp-Fenstern verboten haben.

<a href="javascript:open_and_set_location ()" title="">Fenster &ouml;ffnen und dann f&uuml;llen</a>
<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
function open_and_set_location () {
  // Neues Browserfenster ohne Inhalt öffnen
  neues_fenster = window.open ('', 'Logo', 'width=300,height=100,location=no,menubar=no,scrollbars=no,status=no,toolbar=no');
  // Fenster in den Vordergrund
  neues_fenster.focus ();
  // Inhalt über das Location-Objekt ändern
  neues_fenster.location.href = '/pic/logo_evocomp.jpg';
}
// -->
</script>

Fenster öffnen und dann füllen