O método Location.reload(): como recarregar uma página em JavaScript

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.

Para mais informações:

• MDN