window.location
location.href location.pathname location.search location.hash
Beschreibt die URL der aktuellen Seite. Die Teile sind als Eigenschaften verfügbar (wie beim URL-Objekt); Schreiben oder die Methoden leiten weiter oder laden die Seite neu.
Das Beispiel arbeitet mit dem HTML über dem Code.
Parameter
- href, protocol, host, hostname, port, pathname, search, hash, origin.
- assign(url) (gehen, mit Verlauf), replace(url) (gehen ohne Eintrag im Verlauf), reload().
Beispiele
history.replaceState(null, '', '/js-referenz/location/?page=2&sort=price#beispiele');
console.log(location.pathname, location.search, location.hash);
console.log(new URLSearchParams(location.search).get('sort'));
console.log(location.href === new URL(location.pathname + location.search + location.hash, location.origin).href);
location.hash = 'hilfe';
console.log(location.hash, location.pathname);
Ausgabe:
/js-referenz/location/ ?page=2&sort=price #beispiele price true #hilfe /js-referenz/location/
Worauf Sie achten sollten
- Eine Änderung von
location.hashlädt die Seite nicht neu (sie scrollt nur zum Anker), eine Änderung der anderen Teile schon. - Eine Weiterleitung auf eine URL aus einem Parameter (
?return=…) ohne Prüfung ist ein Sicherheitsfehler (Open Redirect) – erlauben Sie nur eigene Pfade. - Lesen Sie Parameter mit URLSearchParams, nicht durch manuelles Zerlegen des Strings.
Browserunterstützung
Baseline – weithin verfügbar: funktioniert in allen gängigen Browsern, und das schon lange (spätestens seit 2015). Ab Version: Chrome 1, Firefox 1, Safari 1; nicht in Node.js (Browser-API). Stand: Oktober 2026 (MDN browser-compat-data).
Siehe auch:
URL
history.pushState()
URLSearchParams