Artigo original: Location Reload Method: How to Reload a Page in JavaScript
O método Location.reload()
do JavaScript fornece os meios para recarregar a página do URL atual.
A sintaxe é a seguinte:
objeto.reload(forcedReload);
, onde forceReload
é um parâmetro opcional.
Para recarregar a página, simplesmente, você pode inserir window.location
como o objeto.
O parâmetro opcional forceReload
é um valor booleano que, se for definido como true
, recarrega a página a partir do servidor (ou seja, não armazena dados em cache no navegador):
window.location.reload(true);
Se o parâmetro for definido como false
, a página é recarregada usando a versão que está em cache no navegador.
window.location.reload(false);
false
é o parâmetro padrão. Assim, se o conteúdo do parênteses for deixado em branco, object.reload()
recarrega a página usando o que estiver em cache no navegador, do mesmo modo que se usássemos objeto.reload(false)
.
Para criar o efeito da opção de "Atualizar" fornecida pelo navegador, você pode querer inserir um botão em HTML e fazer o seguinte:
- adicionar
Location.reload()
à marcação do botão em HTML, assim:
<input type="button" value="Botão de Atualizar" onClick="window.location.reload()">
- atribua o evento
onClick
ao botão com a função que usa o método. O botão teria uma aparência semelhante a
<button type="button" onClick="recarregarAPagina()">Atualizar!</button>
<script>
function recarregarAPagina(){
window.location.reload();
}
</script>
Exemplo:
// Recarregue os recursos atuais a partir do servidor
window.location.reload(true);
// Recarregue os recursos atuais a partir do cache do navegador
window.location.reload();
Isso recarregará a página que está no URL atual do servidor.