JavaScript

Qual a melhor forma para um link voltar página com JavaScript

17 de fevereiro de 2021

Qual a melhor forma para um link voltar página com JavaScript

Neste artigo você vai aprender qual a melhor forma para um link voltar página com JavaScript, de modo muito simples e fácil

link voltar página com JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre links e JavaScript!

Temos uma forma muito simples de voltar página com JavaScript, utilizando o objeto history

Este objeto contém diversas informações sobre a navegação do usuário em seu site

Inclusive a última página que ele acessou

Veja então um exemplo prático que resolve a situação:

<a href="javascript: history.go(-1)">Voltar página</a>

Aqui criamos uma tag de link, que é representada pelo a no HTML

Onde geralmente em href colocamos a URL que queremos que o usuário acesse ao clicar no link

Porém para voltar uma página precisamos alterar algumas coisas, incluímos neste caso um código JavaScript

Que acessa o objeto history e o método go, onde é passado um parâmetro de -1

Este -1 é justamente o que você está pensando, ele volta uma página

Acessa o histórico da última página acessada pelo usuário e redireciona para ela, massa né? 😀

Então agora você consegue mandar o usuário para a última página com JavaScript!

Uma abordagem interessante também é separar este JS do HTML, utilizando um evento de click, por exemplo

Para cada um dos arquivos ter a sua responsabilidade, pois neste caso apenas simplifiquei o código para criar um exemplo prático e fácil

Conclusão

Neste artigo você aprendeu a melhor forma de um link voltar página com JavaScript

Utilizamos uma tag a do HTML e no atributo href inserimos nosso código JavaScript

Que utiliza o objeto history, onde há acesso as propriedades e métodos de navegação do usuário em seu site

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x