Over window.location

Elke browser beschikt over het object window.location, dat informatie bevat over het HTML-document dat door de browser wordt getoond.
In de praktijk kun je window weglaten als je dit object gebruikt. Dat is de meest gebruikte aanpak. De volledige naam is m.i. duidelijker. Weglaten heeft daarom niet mijn voorkeur.

window.location heeft negen eigenschappen en drie methodes, die hieronder worden genoemd. De eigenschappen, behalve origin, kun je uitlezen:
    let abcd = window.location.href
of instellen:
    window.location.href = "https://www.webmasterij.nl".

• window.location.hash   De bookmark binnen de URL van de huidige pagina, inclusief de #:
     
   
• window.location.host   De domeinnaam van de webhost met het poortnummer. Als het poortnummer niet in de URL staat, of als er een default poort poort wordt gebruikt, geven de meeste browsers een legen string terug:
     
   
• window.location.hostname   De domeinnaam van de webhost:
     
   
• window.location.href   De URL van de huidige pagina:
     
   
• window.location.origin   Het protocol (inclusief ://) en de toplevel domeinnaam van de huidige pagina
     
   
• window.location.pathname   Het pad en de filenaam van de huidige pagina:
     
   
• window.location.port   De gebruikte poort indien genoemd in de URL. Als de poort niet is genoemd in de URL of als er een defaultpoort wordt gebruikt (zoals 80 voor http: en 443 voor https:), tonen sommige browsers het poortnummer niet:
     
   
• window.location.protocol   Het gebruikte web protocol: file:, ftp:, http:, https:, mailto:, …:
     
   
• window.location.search   Query-string, inclusief het vraagteken:
     

Niet al deze eigenschappen bevatten altijd informatie. Als er bijvoorbeeld geen query-string in de URL zit, wat meestal het geval is, is window.location.search leeg.

• window.location.assign()   Laad een nieuw document en voegt dat toe aan de geschiedenis.
   
• window.location.reload()   Laad het huidige document opnieuw zonder de geschiedenis aan te passen. Dit is hetzelfde als de "vernieuwen"-kop van je browser.
   
• window.location.replace()   Vervangt het huidige document door een nieuw document. Het oorspronkelijke document wordt uit de geschiedenis verwijderd. je kunt dus niet terug naar het vorige document met de "terug"-knop van je browser of met history.go(-1) of history.back().