Neste artigo você vai aprender a como recarregar a página com JavaScript, ou seja, realizar o refresh na página

recarregar a página com JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre JavaScript e também a como manipular ações na págima com a linguagem!

Mais uma tarefa super simples de realizar com JS, vamos acessar o objeto location para resolver este problema

Este objeto possui diversas funções para lidarmos com a URL da página e a página em si

No objeto, temos um método chamado reload, que faz exatamente o que seu nome propõe: recarrega a página

Então, veja um exemplo prático da solução do problema:

<button id="refresh">Clique em mim</button>

Neste exemplo, vamos atrelar o reload da página com o click de um botão

Mas você pode inserir em qualquer tipo de evento este método

Veja agora o JavaScript necessário:

var btn = document.querySelector("#refresh");

btn.addEventListener("click", function() {
	
	location.reload();

});

Aqui basicamente mapeamos o botão pelo dom, com o método de querySelector

E depois ativamos um evento de click no mesmo, que executa o método de recarregamento da página

Desta forma, ao clicar neste botão a página será recarregada, simples não é?

Como dito anteriormente, você pode atrelar a qualquer evento desejado!

Conclusão

Neste artigo você aprendeu a como recarregar a página com JavaScript

Utilizamos o objeto location, que lida com a página e a URL da mesma, e o método reload deste objeto

Quando utilizado, o método faz com que a página se recarregue, ou seja, que a ação de refresh aconteça no navegador

No exemplo atrelamos o refresh a um clique, mas você pode colocar em outros eventos também

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

Inscrever-se
Notificar de
guest

2 Comentários
mais antigos
mais recentes Mais votado
Feedbacks embutidos
Ver todos os comentários
Alde Alexandre

Excelente dica professor.

Gilmar Oliveira Duarte

Quero fazer reload quando o navegador terminar de publicar uma lista. Qual evento devo utilizar?

2
0
Adoraria saber sua opinião, comente.x