tutoriais mais recente desenvolvimento web
 

JavaScript História janela


O window.history objeto contém a história navegadores.


Window History

O window.history objeto pode ser escrita sem o prefixo janela.

Para proteger a privacidade dos usuários, existem limitações quanto ao JavaScript pode acessar esse objeto.

Alguns métodos:

  • history.back() - mesmo que clicar de volta no navegador
  • history.forward() - mesmo que clicar para a frente no navegador

Window History Voltar

O history.back() método carrega a URL anterior na lista de histórico.

Este é o mesmo que clicar no botão Voltar no navegador.

Exemplo

Criar um botão de volta 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á:


Window History Adiante

A history forward() método carrega o próximo URL na lista do histórico.

Este é o mesmo que clicar no botão Avançar no navegador.

Exemplo

Criar um botão para a frente 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á: