Creazione di un pulsante back HTML

È facile aggiungere un pulsante indietro alla tua pagina web. Quando un visitatore della tua pagina fa clic sul pulsante, verrà indirizzato all'ultima pagina visitata, proprio come se facessero clic sul pulsante Indietro nel browser.

Puoi farlo modificando l'HTML della tua pagina e aggiungendo un po 'di JavaScript.

Nota: questi pulsanti non funzioneranno se l'utente non ha una cronologia di navigazione. Ad esempio, se l'utente apre la pagina in una nuova scheda o finestra del browser, non accade nulla quando fa clic sul pulsante.

Utilizzando history.back

In un browser Web, la finestra dell'oggetto JavaScript incorporato ha un oggetto chiamato cronologia che contiene gli URL che un utente ha visitato nella finestra corrente del browser. Puoi usare il metodo history.back () per dire al browser di tornare alla pagina precedente dell'utente.

Un modo semplice per utilizzare questo JavaScript è aggiungerlo all'attributo evento onclick di un pulsante. Qui, creeremo il pulsante usando a elemento, contenente un elemento del tipo di pulsante .

Inserisci il seguente codice HTML nella tua pagina web:

Il risultato sarà simile al pulsante qui sotto. Se fai clic su di esso, tornerai alla pagina precedente della cronologia.

Utilizzando history.go

Il metodo history.go () dice al browser di andare a una pagina specifica nella cronologia di navigazione dell'utente. È possibile specificare quale elemento della cronologia inserendo un numero tra parentesi. Nella programmazione di computer, questo è chiamato un argomento.

Se si specifica il numero -1 come argomento, il browser tornerà indietro di una pagina nella cronologia del browser. Ecco lo stesso codice di sopra, utilizzando history.go (-1) invece di history.back () .