L'oggetto History di JavaScript

L'oggetto history di JavaScript è una sorta di registro che registra ogni pagina visitata dall'utente sul browser. E' uno stack della cronologia, E' accessibile attraverso la proprietà history dell'oggetto window.

window.history()

Poiché l'oggetto window è un oggetto globale, per invocare l'oggetto history posso anche scrivere semplicemente history()

history()

Questo oggetto permette all'utente di navigare avanti e indietro tra le pagine visitate.

Per accedere alla pagina precedente utilizzo il metodo back().

history.back()

Per accedere alla pagina seguente, invece, utilizzo il metodo forward().

history.forward()

Quando invoco questi metodi, il browser cambia la posizione della pagina corrente con quella precedente o successiva che l'utente ha visitato.

Volendo anche saltare un determinato numero di pagine indietro o in avanti nella cronologia del browser, usando il metodo go().

history.go(n)

Dove n è il numero di pagine nella sequenza della cronologia.

Ad esempio, per saltare indietro di tre pagine digito history.go(-3)

history.go(-3)

È interessante notare che i metodi go(-1) e back() sono equivalenti, così come go(1) e forward().

Questo significa che posso anche utilizzare il metodo go() per ottenere lo stesso risultato dei metodi back() e forward(), ma con la possibilità aggiuntiva di saltare più di una pagina alla volta.

Una proprietà utile dell'oggetto history è length() che restituisce il numero di elementi nella cronologia della sessione.

history.length()

La lunghezza della coda include sia le pagine visitate all'indietro che quelle visitate in avanti.

Nota. Per ragioni di sicurezza e privacy, l'oggetto History non mi permette di accedere a un indirizzo URL specifico nella cronologia.

Altri metodi dell'oggetto History sono i metodi pushState() e replaceState() che permettono di aggiungere e modificare rispettivamente le voci nella cronologia, senza causare un caricamento della pagina.

E così via.