JavaScript URL: Eigenschaft des Objekts Document

Die Eigenschaft URL des vordefinierten JavaScript-Objekts Document dient der Speicherung der URI des im Browserfenster bzw. des innerhalb des entsprechenden Frames angezeigten HTML-Dokuments. Im Gegensatz zur Eigenschaft location.href aus dem in JavaScript vordefinierten Objekt Location ist bei der URL-Eigenschaft des Document-Objekts allerdings ausschliesslich der lesende Zugriff erlaubt.

JavaScript Document.URL Beispiel

Das folgende Beispiel gibt die URI vom derzeit angezeigten HTML-Dokument in einem JavaScript-Dialog aus. Es handelt sich dabei um genau die Zeichenkette, die jetzt in der Adresszeile Ihres Browserfensters dargestellt wird. Dazu wird im Scriptbereich unten ein HTML-Link erzeugt der, nachdem er angelickt wurde, die gewünschte Aktion auslöst.

Man beachte, dass in diesem Beispiel nicht direkt über die href-Eigenschaft des A-Tags gegangen wird, sondern mit Hilfe des JavaScript-Objekts Event, welches für die Verarbeitung von Benutzerereignissen gedacht ist. Hier wird das JavaScript-Event onClick genutzt, welches ausgelöst wird, wenn der Benutzer auf den Link klickt. Mit der Funktion showURL() wird der für dieses Event zugehörige Event-Handler angegeben, der ausgeführt werden soll. Die URI wird in der Event-Handler-Funktion über die Methode showURL() alert(), die zum vordefinierten JavaScript-Objekt Window gehört, ausgegeben.

<a href="#" onclick="showURL ()" title="">URI anzeigen</a>
<script language="javascript" type="text/javascript">
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
// Event-Handler für das onclick-Event im zuvor definierten Link
// Wird aufgerufen, wenn der Benutzer auf den Link klickt
function showURL () {
  // Ausgabe erfolgt mit Hilfe eines JavaScript Alert-Dialogs
  alert ('URI des aktuellen Dokuments: ' + document.URL);
}
// -->
</script>

URI anzeigen