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 anker deel van de URL (#).
host Stel in of retourneer de hostnaam en de poort 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 de poort van de URL.
pathname Stel in of retourneer de padnaam van de URL.
port Stel in of retourneer de poort 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() Herlaad het huidige document.
replace() Vervang het huidige document met een nieuw document.

Location object beschrijving

Het Location object wordt opgeslagen in de Location eigenschap van het Window object en representeren de web-adres van het huidige weergegeven document in dat venster. 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 eigenschap van het Anchor object (of het Area object). Als een Location object wordt geconverteerd naar 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 representeren hyperlinks in de document, terwijl het Location object de URL (of locatie) van het huidige weergegeven document van de browser representeren. Maar de Location object kan veel meer dan dit doen, het kan ook de locatie van het weergegeven document in de browser 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 verwijst naar laden en weergeven.

Buiten het instellen van location of location.href met een volledige URL om de huidige URL te vervangen, kan je ook een deel van de URL wijzigen door andere eigenschappen van het Location object toe te wijzen. Op deze manier wordt een nieuwe URL gecreëerd, waarvan een deel anders is dan de oorspronkelijke URL, en de browser zal deze laden en weergeven. Bijvoorbeeld, als je de volgende regel hebt ingesteld voor het Location object: hash eigenschap，那么浏览器就会转移到当前文档中的一个指定的位置。同样，如果设置了 search propertyThen the browser will reload the URL with the new query string attached.

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 for it, that is, in the browser's history list, the new document will replace the current document.