Storia Window JS

L'oggetto window.history contiene la cronologia del browser.

Oggetto history

window.historyL'oggetto contiene l'elenco delle pagine visitate nella cronologia della sessione del browser, in tutti i frame o finestre attivi.

window.historyPuoi scrivere oggetti senza prefisso della finestra.

Alcuni esempi:

• history.back()

• history.forward()

• history.go()

La prossima sezione ti mostrerà come ottenere informazioni sulla cronologia di navigazione dell'utente.

Ma per proteggere la privacy degli utenti, ci sono alcune limitazioni su come JavaScript può accedere a questo oggetto.

Ottieni il numero di pagine visitate

Ilhistory.lengthL'attributo restituisce il numero di pagine nella cronologia della sessione del browser per la finestra corrente.

Include anche la pagina attualmente caricata.

var result = history.length; // Restituisce la dimensione dell'elenco storico della sessione corrente.

Puoi utilizzare questa proprietà per scoprire quante pagine l'utente ha visitato durante la sessione corrente del browser.

Torna alla pagina precedente

Ilhistory.back()Questo metodo carica l'URL precedente dalla lista cronologica.

Questo è lo stesso di cliccare il pulsante 'Indietro' nel browser.

<button onclick="history.back();">Indietro</button>

Il codice sopra mostrerà l'output seguente:

Avanti alla prossima pagina

Ilhistory.forward()Questo metodo carica il prossimo URL nella lista cronologica.

Questo è lo stesso di cliccare il pulsante 'Avanti' nel browser.

<button onclick="history.forward();">Avanti</button>

Il codice sopra mostrerà l'output seguente (se non esiste la prossima pagina nella lista cronologica, questo esempio non funzionerà):

Passare a una pagina specifica

Puoi anche usarehistory.go()Questo metodo carica una pagina specifica dalla cronologia di sessione.

Questo metodo accetta un intero come parametro.

Un numero negativo si muove indietro nella cronologia, un numero positivo si muove avanti nella cronologia.

<button onclick="history.go(-2);">Indietro 2 pagine</button>

Il codice sopra mostrerà l'output seguente:

Nota:Se cercate di accedere a una pagina che non esiste nella storia di Windows, allora questo metodohistory.back()，history.forward()Ehistory.go()Non ci sarà alcuna azione.