Como fazer o navegador voltar para a página anterior usando JavaScript?

Fazer um navegador voltar para a página anterior com a ajuda do JavaScript é bastante fácil. Para fazer isso, basta acessar o janela Objeto da janela do navegador e seu história propriedade. Depois disso, basta usar o voltar() Método sobre a história para mover o navegador para a entrada anterior dentro de sua lista de histórico.

Nota adicional: Referindo -se à página anterior com um A tag de referência não é uma boa solução. A maioria dos novos iniciantes geralmente tenta usar o Tag de referência para mudar para a página anterior e, na história do navegador, ela se registra como um avanço. Portanto, essa não é uma solução ideal porque o navegador não está voltando. Em vez disso, está realmente dando em frente.

O método em destaque

O método a seguir é usado para mover o navegador de volta:

janela.história.voltar()

Este método não leva parâmetros nem retorna nada. Simplesmente move o navegador um passo para trás em sua história. Vamos passar por um exemplo para demonstrar seu trabalho

Etapa 1: configure para casa.html

Crie um documento HTML com o nome lar, E esta é a primeira página que será usada para passar para uma segunda página. Para criar este documento HTML doméstico, use as seguintes linhas:

Esta é a primeira página!
Clique para visitar a segunda página

Neste documento HTML, um A tag é usada para mover o navegador "para a frente" na segunda página. Neste ponto, o navegador mostra a seguinte saída:

A página da web mostra o link para mudar para a segunda página, mas atualmente, essa segunda página está faltando, então crie isso na próxima etapa.

Etapa 2: Configure a segunda página.html

Crie outro documento HTML e nomeie -o SecondPage.html. Neste arquivo, adicione as seguintes linhas:

Esta é a segunda página


Clique no botão abaixo para "voltar" para a página anterior






Me leve de volta!

Neste documento HTML, criamos um botão com uma propriedade onclick definida como botão "voltar(). Isso criará a seguinte página da web no navegador:

A funcionalidade do botão para levar o navegador de volta à pressão de botão ainda está faltando. Para isso, adicione a seguinte etiqueta de script dentro da segunda página.html:

Nesta tag de script, a função botão "voltar() é criado que será chamado no pressionar o botão. Nesta função, o voltar() o método foi aplicado à propriedade "história" usando o navegador janela objeto.

Depois disso, carregue a casa.HTML em um navegador e observe a funcionalidade da seguinte forma:

Existem algumas coisas a perceber:

• No começo, o botão avançado e traseiro do navegador foram desativados por causa de nenhuma história
• Clicar no link leva o usuário à segunda página
• Quando na segunda página, o botão de volta é ativado
• Clicar no botão na segunda página leva o usuário de volta na página inicial.
• No entanto, o botão traseiro está desativado na página inicial e o botão avançado agora está ativado
• Isso significa que o navegador não foi redirecionado para a página inicial. Em vez disso, foi movido voltar Da história

Embrulhar

Na parte JavaScript do documento da página da web, basta usar o janela.história.voltar() Para fazer os navegadores voltarem para a página anterior, ele havia visitado. O "janela" é o objeto de janela do navegador, o "história" é uma propriedade do janela objeto, e voltar() é o método que está sendo aplicado à história para mover o navegador de volta. Este artigo usou um exemplo passo a passo para demonstrar o funcionamento da janela.história.Método de volta ().