Location Object

Location Object

Het Location-object bevat informatie over de huidige URL.

Het Location-object is een onderdeel van het Window-object en kan worden bereikt via de window.location-eigenschap.

Voorbeeld

Breng de gebruiker naar een nieuwe adres

Location-object eigenschappen

Eigenschappen Beschrijving
hash Stel in of retourneer de URL (anchor) die begint met een schuine streep (#).
host Stel in of retourneer de hostnaam en de poort van de huidige URL.
hostname Stel in of retourneer de hostnaam van de huidige URL.
href Stel in of retourneer de volledige URL.
pathname Stel in of retourneer het paddeel van de huidige URL.
port Stel in of retourneer de poort van de huidige URL.
protocol Stel in of retourneer het protocol van de huidige URL.
search Stel in of retourneer de URL (query-deel) die begint met een vraagteken (?).

Location-object methoden

Eigenschappen 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 wordt opgeslagen in de Location-eigenschap van het Window-object en geeft de webadres van het huidig weergegeven document in dat venster aan. Het href-eigenschapHet opslaan is 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). Wanneer een Location-object wordt geconverteerd naar een string, wordt de waarde van het href-eigenschap teruggegeven. Dit betekent dat je de expressie location kunt gebruiken in plaats van location.href.

Maar het Anchor-object representeren hyperlinks in het document, terwijl het Location-object de URL (of locatie) van het huidig weergegeven document van de browser representeren. Maar de Location-object kan veel meer doen dan dat, het kan ook de positie van het document dat de browser weergeeft, controleren. Als een URL-tekst wordt toegewezen aan het Location-object of aan zijn href-eigenschap

Behalve het instellen van location of location.href met een volledige URL om de huidige URL te vervangen, kan men ook een deel van de URL wijzigen door andere eigenschappen van het Location-object toe te wijzen. Dit zal een nieuwe URL creëren waarin een deel anders is dan de oorspronkelijke URL, en de browser zal deze laden en weergeven. Bijvoorbeeld, als er een URL-tekst wordt toegewezen aan het Location-object of aan zijn href-eigenschap hash-eigenschapdan zal de browser naar een specifieke locatie in het huidige document navigeren. Evenzo, als er een search-eigenschapdan zal de browser de URL opnieuw laden met een nieuwe zoekstring.

Behalve de URL-eigenschap, bevat de Location-object reload() methodeHet is mogelijk om het huidige document opnieuw te ladenreplace() Het is mogelijk om een nieuw document te laden zonder een nieuwe geschiedenisrecord voor het te maken, wat betekent dat het nieuwe document in de geschiedenislijst van de browser het huidige document zal vervangen.