História do JavaScript

Resumo : neste tutorial você aprenderá como acessar o histórico de sessões do navegador usando o historyobjeto JavaScript.

Introdução ao historyobjeto JavaScript.

Quando você inicia o navegador e abre uma nova página, o navegador cria uma nova entrada em sua pilha de histórico.

Se você navegar para outra página da Web , o navegador também criará uma nova entrada na pilha do histórico.

A pilha de histórico armazena a página atual e as páginas anteriores que você visitou.

Para manipular a pilha de histórico, você usa o historyobjeto que é uma propriedade do windowobjeto:

window.historyLinguagem de código:  JavaScript  ( javascript )

Por questões de segurança, não é possível consultar as páginas que um usuário visitou. No entanto, você pode usar o historyobjeto para navegar para frente e para trás sem saber o URL exato.

Usando JavaScript historypara navegação

O objeto histórico fornece três métodos para navegar entre páginas na pilha de histórico:

•  back()
•  forward()
•  go()

Mover para trás

Para retroceder na história, você usa o back()método:

window.history.back();Linguagem de código:  CSS  ( css )

Ou

history.back();Linguagem de código:  CSS  ( css )

Isso se comporta como se você clicasse no botão Voltar na barra de ferramentas do navegador da web.

Siga em frente

Da mesma forma, você pode seguir em frente usando o forward()método:

history.forward();Linguagem de código:  CSS  ( css )

Funciona como quando você clica no botão Avançar .

Vá para um URL específico no histórico

Para mover para um URL específico na pilha de histórico, você usa o go()método. O go()método aceita um número inteiro que é a posição relativa à página atual. A posição da página atual é 0.

Por exemplo, para retroceder você usa:

history.go(-1);Linguagem de código:  CSS  ( css )

É como o back()método.

Para avançar uma página, basta ligar:

history.go(1)Linguagem de código:  CSS  ( css )

Para atualizar a página atual, você passa 0 ou nenhum argumento para o go()método:

history.go(0);
history.go();Linguagem de código:  CSS  ( css )

Para determinar o número de URLs na pilha de histórico, você usa a lengthpropriedade:

history.lengthLinguagem de código:  CSS  ( css )

Resumo

• O window.historyobjeto permite acessar a pilha de histórico do navegador.
• Para navegar até um URL no histórico, você usa os métodos back(), forward()e go().
• O history.lengthretorna o número de URLs na pilha de histórico.