Das Location-Objekt

Window Location-Objekt

Das Location-Objekt enthält Informationen über die aktuelle URL.

Das Location-Objekt ist ein Attribut des Fenster-Objekts.

Der Location-Objekt kann auf die folgenden Weisen zugegriffen werden:

window.location oder nur location

Beispiel

let origin = window.location.origin;

Probieren Sie es selbst aus

let origin = location.origin;

Probieren Sie es selbst aus

Location-Objekteigenschaften

Eigenschaft Beschreibung
hash Setzt oder gibt das Anker-Teil (#) der URL zurück.
host Setzt oder gibt den Hostnamen und den Port der URL zurück.
hostname Setzt oder gibt den Hostnamen der URL zurück.
href Setzt oder gibt die gesamte URL zurück.
origin Gibt das Protokoll, den Hostnamen und den Port der URL zurück.
pathname Setzt oder gibt den Pfadnamen der URL zurück.
port Setzt oder gibt den Port der URL zurück.
protocol Setzt oder gibt das Protokoll der URL zurück.
search Setzt oder gibt den Query-String-Teil der URL zurück.

Location-Objektmethoden

Methode Beschreibung
assign() Lädt ein neues Dokument.
reload() Lädt das aktuelle Dokument neu.
replace() Ersetzt das aktuelle Dokument durch ein neues Dokument.

Location-Objektbeschreibung

Das Location-Objekt wird im Location-Attribut des Window-Objekts gespeichert und stellt die Web-Adresse des derzeit im Fenster angezeigten Dokuments dar. Es href-Eigenschaftenthält die vollständige URL des Dokuments, während andere Attribute verschiedene Teile der URL beschreiben. Diese Attribute ähneln den URL-Attributen des Anchor-Objekts (oder des Area-Objekts). Wenn ein Location-Objekt in einen String konvertiert wird, wird der Wert des href-Attributs zurückgegeben. Dies bedeutet, dass Sie den Ausdruck location anstelle von location.href verwenden können.

Allerdings stellt das Anchor-Objekt einen Hyperlink im Dokument dar, während das Location-Objekt die URL (oder Position) des derzeit im Browser angezeigten Dokuments darstellt. Aber das Location-Objekt kann viel mehr tun, es kann auch die Position des im Browser angezeigten Dokuments steuern. Wenn einer String mit einer URL dem Location-Objekt oder seinem href-Attribut zugewiesen wird, lädt der Browser das Dokument an der neuen URL und zeigt es an.

Außer dem Ersatz von location oder location.href mit einer vollständigen URL, kann auch ein Teil der URL geändert werden, indem anderen Attributen des Location-Objekts Werte zugewiesen werden. Dies führt dazu, dass eine neue URL erstellt wird, die Teil der ursprünglichen URL ist, und der Browser lädt sie und zeigt sie an. Zum Beispiel, wenn dem Location-Objekt hash-EigenschaftWenn dies der Fall ist, wird der Browser zu einem bestimmten Ort im aktuellen Dokument weitergeleitet. Ebenso, wenn eine Einstellung search-Eigenschaft, dann lädt der Browser die URL neu, die mit einem neuen Query-String hinzugefügt wurde.

Abgesehen von der URL-Eigenschaft, der Location-Objekt reload() MethodeEs kann das aktuelle Dokument neu geladen werden,replace() Es kann ein neuer Dokument ohne die Erstellung eines neuen Historie-Eintrags geladen werden, das bedeutet, dass das neue Dokument im Historielisten des Browsers das aktuelle Dokument ersetzt.