O objeto window.history contém o histórico dos navegadores.
O objeto window.history pode ser escrito sem o prefixo window.
Para proteger a privacidade dos usuários, existem limitações na forma como o JavaScript pode acessar este objeto.
Alguns métodos:
history.back() - o mesmo que clicar novamente no navegador
history.forward() - o mesmo que clicar para avançar no navegador
O método history.back() carrega o URL anterior na lista de histórico.
É o mesmo que clicar no botão Voltar do navegador.
Crie um botão Voltar em uma página:
<html>
<head>
<script>
function goBack() {
window.history.back()
}
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()">
</body>
</html>A saída do código acima será:
O método history.forward() carrega o próximo URL na lista de histórico.
É o mesmo que clicar no botão Avançar no navegador.
Crie um botão de avanço em uma página:
<html>
<head>
<script>
function goForward() {
window.history.forward()
}
</script>
</head>
<body>
<input type="button" value="Forward" onclick="goForward()">
</body>
</html>A saída do código acima será: