Window Location Object

Window Location Object

De Location-object bevat informatie over de huidige URL.

De Location-object is een eigenschap van het vensterobject.

De Location-object kan worden bereikt op de volgende manier:

window.location of alleen location

Voorbeeld

let origin = window.location.origin;

Probeer het zelf uit

let origin = location.origin;

Probeer het zelf uit

Location object eigenschappen

eigenschappen beschrijving
hash Stel in of retourneer het ankerdeel van de URL (#).
host Stel in of retourneer de hostnaam en het poortnummer van de URL.
hostname Stel in of retourneer de hostnaam van de URL.
href Stel in of retourneer de hele URL.
origin Retourneer het protocol, de hostnaam en het poortnummer van de URL.
pathname Stel in of retourneer de padnaam van de URL.
port Stel in of retourneer het poortnummer van de URL.
protocol Stel in of retourneer het protocol van de URL.
search Stel in of retourneer het query string-deel van de URL.

Location object methoden

methode beschrijving
assign() Laad een nieuw document.
reload() Laad het huidige document opnieuw.
replace() Vervang het huidige document met een nieuw document.

Location object beschrijving

Het Location-object is opgeslagen in de Location-eigenschap van het Window-object en geeft de Web-adres van het huidig weergegeven document in dat venster aan. Zijn href eigenschapBevat de volledige URL van het document, andere eigenschappen beschrijven respectievelijk de verschillende delen van de URL. Deze eigenschappen zijn zeer vergelijkbaar met de URL-eigenschappen van het Anchor-object (of het Area-object). Wanneer een Location-object wordt omgezet in een string, wordt de waarde van de href-eigenschap geretourneerd. Dit betekent dat je de expressie location kunt gebruiken in plaats van location.href.

Echter, het Anchor-object geeft een hyperlink in het document aan, terwijl het Location-object de URL (of locatie) van het huidige weergegeven document van de browser vertegenwoordigt. Maar het Location-object kan veel meer doen dan dat, het kan ook de locatie van het huidig weergegeven document controleren. Als je een string met een URL toewijst aan het Location-object of zijn href-eigenschap, zal de browser het document dat de nieuwe URL aanwijst laden en weergeven.

Daarnaast kun je de huidige URL vervangen door een volledige URL door de location of location.href te stellen, of je kunt een deel van de URL wijzigen door andere eigenschappen van het Location-object in te stellen. Dit creëert een nieuwe URL, waarvan een deel verschillend is van de oorspronkelijke URL, en de browser zal deze laden en weergeven. Bijvoorbeeld, als je de hash eigenschapdan zal de browser naar een specifieke locatie in het huidige document navigeren. Evenzo, als je search eigenschapDan zal de browser de URL opnieuw laden met een nieuwe query string.

In addition to the URL property, the Location object's reload() methodCan reload the current document,replace() Can load a new document without creating a new history record, that is, in the browser's history list, the new document will replace the current document.