Location-Objekt
Location-Objekt
Das Location-Objekt enthält Informationen über die aktuelle URL.
Das Location-Objekt ist Teil des window-Objekts und kann überwindow.location.xxxmit den relevanten Eigenschaften des Formats darauf zugegriffen werden.
Hinweis:Es gibt keinen öffentlichen Standard, der für das Location-Objekt gilt, aber alle Browser unterstützen es.
Eigenschaften des Location-Objekts
| Eigenschaft | Beschreibung |
|---|---|
| hash | Gibt den Anker-Teil einer URL zurück |
| host | Gibt den Hostnamen und den Port einer URL zurück |
| hostname | Gibt den Hostnamen einer URL zurück |
| href | Gibt die vollständige URL zurück |
| pathname | Gibt den Pfadnamen der URL zurück. |
| port | Gibt die vom Server einer URL verwendete Portnummer zurück |
| protocol | Gibt das Protokoll einer URL zurück |
| search | Gibt den Abfrageteil einer URL zurück |
Beispiele
// Erstelle ein a-Tag und setze das href-Attribut
var url = document.createElement('a');
url.href = 'https://www.example.com/?s=python#test';
console.log(url.href); // https://www.example.com/?s=python
console.log(url.protocol); // https:
console.log(url.host); // www.example.com
console.log(url.hostname); // www.example.com
console.log(url.port); // (Ausgabe ist leer - https-Standardport ist 443)
console.log(url.pathname); // /
console.log(url.search); // en-US/search
console.log(url.hash); // #test
console.log(url.origin); // https://www.example.com
var url = document.createElement('a');
url.href = 'https://www.example.com/?s=python#test';
console.log(url.href); // https://www.example.com/?s=python
console.log(url.protocol); // https:
console.log(url.host); // www.example.com
console.log(url.hostname); // www.example.com
console.log(url.port); // (Ausgabe ist leer - https-Standardport ist 443)
console.log(url.pathname); // /
console.log(url.search); // en-US/search
console.log(url.hash); // #test
console.log(url.origin); // https://www.example.com
Das Testergebnis lautet wie folgt:
Methoden des Location-Objekts
| Methode | Beschreibung |
|---|---|
| assign() | Lädt ein neues Dokument |
| reload() | Lädt das aktuelle Dokument neu |
| replace() | Ersetzt das aktuelle Dokument durch ein neues Dokument |