Window History JavaScript

O objeto window.history contém o histórico do navegador.

Window History

window.history O objeto pode ser escrito sem o window.

Para proteger a privacidade do usuário, o acesso ao objeto pelo JavaScript é limitado.

Alguns métodos:

  • history.back() - Equivalente a clicar no botão Voltar do navegador
  • history.forward() - Equivalente a clicar no botão Avançar do navegador

Window History Back

history.back() Método para carregar o URL anterior da lista de histórico.

Isso é equivalente a clicar no botão Voltar no navegador.

Exemplo

Crie um botão de voltar na página:

<html>
<head>
<script>
function goBack() {
    window.history.back()
 }
</script>
</head>
<body>
<input type="button" value="Voltar" onclick="goBack()">
</body>
</html>

A saída do código acima será (clique neste botão):


Window History Forward

history forward() Método para carregar o próximo URL da lista de histórico.

Isso é equivalente a clicar no botão Avançar no navegador.

Exemplo

Crie um botão de avançar na página:

<html>
<head>
<script>
function goForward() {
    window.history.forward()
 }
</script>
</head>
<body>
<input type="button" value="Avançar" onclick="goForward()">
</body>
</html>

A saída do código acima será: