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

Letzte Posts aus unserem Forum

Probleme mit iphone

Hallo, ich habe ein Problem bei der Darstellung einer Webseite. In allen Browsern hat das bisher bestens funktioniert außer beim iPhone und iPad, wo ... » mehr

von Finlay am Dienstag, 10. Juli 2012 19:45 in JavaScript - noch nicht beantwortet

Stream musik

Hallo, ich bin auf der Suche nach einem Script, mit dem ich einen Leser für Audio-Spuren in eine Html-Webseite einfügen kann. Ich brauche dabei ... » mehr

von Finlay am Sonntag, 22. Januar 2012 22:52 in JavaScript - bisher 2 Antworten
Letzter Beitrag: Dienstag, 8. Mai 2012 16:04 von maharadja

ich habe das mal mit jplayer probiert und bei mir gings ... » mehr

Byte Array PDF im Browser anzeigen

Hallo, ich bekomme von einem Webservice ein PDF als Byte Array. Mit einem JsonP Request habe ich das Byte Array so wie es ist (als Array von Bytes) ... » mehr

von TiloS am Mittwoch, 11. April 2012 17:37 in JavaScript - noch nicht beantwortet

Überbelnd effect in javascript gallerie

ich habe hier einie gallerie die funktioniert problem los aber hat noch kein über belnd effect jedoch würde ich diesen gerne einfügen aber ich habe ... » mehr

von faebe am Freitag, 20. Januar 2012 20:19 in JavaScript - noch nicht beantwortet

XML per JavaScript verarbeiten - IE

Hallo! Vielen Dank für das super kommentierte Script-Beispiel zur Weiterverarbeitung von XML-Dateien per JavaScript: ... » mehr

von gn0me am Freitag, 11. März 2011 19:03 in JavaScript - noch nicht beantwortet


¬ Insolvenzrecht