Criando um botão de retorno HTML

É fácil adicionar um botão Voltar à sua página da web. Quando um visitante da sua página clicar no botão, ele será direcionado para a última página visitada, como se tivesse clicado no botão "Voltar" em seu navegador.

Você pode fazer isso editando o HTML da sua página e adicionando um pouco de JavaScript.

Nota: Esses botões não funcionarão se o usuário não tiver histórico de navegação. Por exemplo, se o usuário abrir sua página em uma nova guia ou janela do navegador, nada acontecerá quando clicar no botão.

Usando o history.back

Em um navegador da Web, a janela de objeto JavaScript interna tem um objeto chamado histórico que contém as URLs que um usuário visitou em sua janela atual do navegador. Você pode usar o método history.back () para dizer ao navegador para retornar à página anterior do usuário.

Uma maneira fácil de usar esse JavaScript é adicioná-lo ao atributo de evento onclick de um botão. Aqui, vamos criar o botão usando um elemento, contendo um elemento do tipo de botão .

Insira o seguinte HTML em sua página da web:

O resultado será parecido com o botão abaixo. Se você clicar nele, voltará para a página anterior em seu histórico.

Usando o history.go

O método history.go () diz ao navegador para ir para uma página específica no histórico de navegação do usuário. Você pode especificar qual item do histórico colocando um número dentro dos parênteses. Na programação de computadores, isso é chamado de argumento.

Se você especificar o número -1 como seu argumento, o navegador retornará uma página no histórico do navegador. Aqui está o mesmo código acima, usando history.go (-1) em vez de history.back () .