JavaScript

Como recarregar a página com JavaScript (refresh)

2 de abril de 2021

Como recarregar a página com JavaScript (refresh)

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

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