Como recarregar uma página usando JavaScript
Às vezes, os desenvolvedores querem atualizar a página da web com frequência ao criar aplicativos da Web, como blogs ou sites em que o conteúdo pode variar dependendo das ações do usuário. Quaisquer informações atualizadas com base nessas interações do usuário serão exibidas quando a página for atualizada ou recarregada. Para esse fim, o JavaScript oferece alguns métodos pré -construídos que serão discutidos abaixo.
Esta postagem ilustrará as maneiras de recarregar uma página usando JavaScript.
Como recarregar uma página usando JavaScript?
Para recarregar ou atualizar uma página, use os seguintes métodos em JavaScript:
- Método Reload ()
- Método GO ()
Método 1: Recarregue uma página usando o método Reload ()
Use o "localização.recarregar()”Método para recarregar a página. Ele age como o botão de atualização de um navegador. O "recarregar()”O método é responsável pela recarga da página, enquanto o“localização”É uma interface que indica a localização real (URL) do objeto ao qual está associado. O URL da página para atualizar é acessível por “documento.localização" ou "janela.localização”.
Sintaxe
Use a sintaxe a seguir para recarregar a página atual usando o método Reload ():
janela.localização.recarregar();
Exemplo 1: Atualizar em um botão Clique
Crie um botão e anexe um “ONCLICK”Evento que chamará o JavaScript predefinido“recarregar()”Método:
A saída indica que a página está atualizada ou recarregada em um botão Clique:
Exemplo 2: Atualização automática usando o método setTimeout () com o método Reload ()
Defina o tempo para atualizar automaticamente a página usando o “setTimeout ()”Método. Primeiro, vamos definir um método “Refresh ()”Isso leva um intervalo de tempo como um parâmetro para atualizar a página após esse tempo. Chame o método setTimeout () e ligue para o método Reload ():
Função Refresh (tempo)
setTimeout (() =>
documento.localização.recarregar (verdadeiro);
, tempo);
Aqui, definiremos o horário de 2 segundos para atualizar a página a cada dois segundos:
janela.OnLoad = Refresh (2000);
Como você pode ver, a página é atualizada automaticamente após 2 segundos:
Método 2: Recarregue uma página usando Go () Método
Outra abordagem para atualizar uma página é o “história.ir()”Método. Dar um valor positivo ou negativo pode ser usado como de costume para mover para trás ou para a frente. Para uma atualização, passe o “0”Valor neutro ou nada.
Sintaxe
Siga a sintaxe dada para recarregar a página:
história.ir()
Exemplo
Aqui, chamaremos de “história.ir()”Método no evento de cliques do botão:
Saída
É tudo sobre recarregar/refrescar páginas da web usando JavaScript.
Conclusão
Para recarregar uma página da web usando JavaScript, use o “janela.localização.recarregar()”Método ou o“história.ir()”Método. O método Reload () é a abordagem mais usada para recarregar ou refrescar páginas da web. Este post ilustrou as maneiras de atualizar uma página usando JavaScript.