Window Location objekt

Window Location objekt

Location-objektet innehåller information om den aktuella URL:en.

Location-objektet är en egenskap av fönsterobjektet.

Location-objektet kan nås på följande sätt:

window.location eller endast location

Exempel

let origin = window.location.origin;

Prova det själv

let origin = location.origin;

Prova det själv

Egenskaper för Location-objektet

Egenskaper Beskrivning
hash Sätt eller returnera anspänningen för URL:en (#).
host Sätt eller returnera värdnamnet och portnumret för URL:en.
hostname Sätt eller returnera värdnamnet för URL:en.
href Sätt eller returnera hela URL:en.
origin Returnera protokollet, värdnamnet och portnumret för URL:en.
pathname Sätt eller returnera stigen för URL:en.
port Sätt eller returnera portnumret för URL:en.
protocol Sätt eller returnera protokollet för URL:en.
search Sätt eller returnera delen av URL:en som är söksträngen.

Metoder för Location-objektet

Metod Beskrivning
assign() Ladda ett nytt dokument.
reload() Ladda om det aktuella dokumentet.
replace() Ersätt det aktuella dokumentet med ett nytt dokument.

Beskrivning av Location-objektet

Location-objektet lagras i Window-objektets Location-egenskap och representerar webbadressen för det dokument som visas i fönstret. Dets href-egenskapenInnehåller den fullständiga URL:en för dokumentet, medan andra egenskaper beskriver olika delar av URL:en. Dessa egenskaper är mycket lika de för URL-egenskapen hos Anchor-objektet (eller Area-objektet). När ett Location-objekt konverteras till en sträng, returneras värdet för href-egenskapen. Detta innebär att du kan använda uttrycket location för att ersätta location.href.

Men Anchor-objektet representerar en hyperlänk i dokumentet, medan Location-objektet representerar URL:en (eller platsen) för det dokument som webbläsaren visar för närvarande. Men vad Location-objektet kan göra är mycket mer än detta, det kan också kontrollera var dokumentet visas i webbläsaren. Om du tilldelar en sträng som innehåller en URL till Location-objektet eller dess href-egenskap, kommer webbläsaren att ladda och visa dokumentet som den nya URL:en pekar på.

Förutom att sätta location eller location.href med en fullständig URL för att ersätta den aktuella URL:en, kan du också ändra en del av URL:en genom att tilldela andra egenskaper till Location-objektet. Detta skapar en ny URL där en del är annorlunda än den ursprungliga URL:en, och webbläsaren kommer att ladda och visa den. Till exempel, om du sätter hash-attributetSå kommer webbläsaren att flytta till en specificerad plats i det aktuella dokumentet. På samma sätt, om du har satt search-attributetSå kommer webbläsaren att ladda om URL:en med den nya söksträngen tilläggd.

Förutom URL-attributet, innehåller Location-objektet} reload() metodenKan ladda om det aktuella dokumentet,replace() Kan ladda ett nytt dokument utan att skapa en ny historikpost, vilket innebär att det nya dokumentet kommer att ersätta det aktuella dokumentet i webbläsarens historiklista.