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.hash lä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