L'oggetto document rappresenta il documento correntemente caricato nella Window.

location / URL / referrer

La proprietà location contiene le informazioni sull'URL del documento (se ci troviamo in un browser, se no ritorna null). E' un oggetto che implementa l'interfaccia Location, la quale ha le seguenti proprietà e metodi:

  • assign()
  • hash //il fragment, cioè la parte finale dell'URL che punta ad una anchor
  • host
  • hostname
  • href
  • origin
  • pathname
  • port
  • protocol //"http" "https" ecc...
  • reload()
  • replace()
  • search //contiene i query parameters che iniziano con ?

Per esempio se fossimo in questa pagina https://it.wikipedia.org/wiki/Uniform_Resource_Locator#Descrizione l'oggetto location conterrebbe queste informazioni:

//https://it.wikipedia.org/wiki/Uniform_Resource_Locator#Descrizione

console.log(document.location.hash); // "#Descrizione"
console.log(document.location.host); // "it.wikipedia.org"
console.log(document.location.hostname); // "it.wikipedia.org"
console.log(document.location.href); // "https://it.wikipedia.org/wiki/Uniform_Resource_Locator#Descrizione"
console.log(document.location.origin); // "https://it.wikipedia.org"
console.log(document.location.pathname); // "/wiki/Uniform_Resource_Locator"
console.log(document.location.port); // ""
console.log(document.location.protocol); // "https:"
console.log(document.location.search); // ""

document.location.hash = "#Voci_correlate" // per passare alla anchor successiva
document.location.reload(); //per far ricaricare la pagina

Esiste anche la proprietà URL / URI che ritorna l'URL / URI in sola lettura. Invece la proprietà referrer ritorna l'URI della pagina di provenienza, per esempio se si è arrivati sulla pagina da una ricerca su Google la proprietà referrer varrà "https://www.google.com/".

doctype / title 

La proprietà doctype restituisce la Document Type Declaration (readonly) che indica la versione dell'HTML utilizzata nel documento e la proprietà title restituisce il contenuto del tag <title>.

head / body

Le proprietà head e body restituiscono appunto i tag head e body del documento.

forms

La proprietà forms contiene una HTMLCollection con tutti i form contenuti nel documento.

images

links

scripts

fullscreenEnabled

readyState