Como recarregar uma página usando JavaScript

Como recarregar a página usando JavaScript?

Eu preciso de um método que funcione em todos os navegadores.

JavaScript 1.0

window.location.href = window.location.pathname + window.location.search + window.location.hash;
// creates a history entry

JavaScript 1.1

window.location.replace(window.location.pathname + window.location.search + window.location.hash);
// does not create a history entry

JavaScript 1.2

window.location.reload(false); 
// If we needed to pull the document from
//  the web-server again (such as where the document contents
//  change dynamically) we would pass the argument as 'true'.

location.reload();

Veja esta página MDN para mais informações.

Se você estiver atualizando após um onclick, precisará retornar false diretamente após

location.reload();
return false;

Aqui estão 535 maneiras de recarregar a página usando JavaScript , o mais fácil location = location.

Estes são os primeiros 50:

location = location
location = location.href
location = window.location
location = self.location
location = window.location.href
location = self.location.href
location = location['href']
location = window['location']
location = window['location'].href
location = window['location']['href']
location = window.location['href']
location = self['location']
location = self['location'].href
location = self['location']['href']
location = self.location['href']
location.assign(location)
location.replace(location)
window.location.assign(location)
window.location.replace(location)
self.location.assign(location)
self.location.replace(location)
location['assign'](location)
location['replace'](location)
window.location['assign'](location)
window.location['replace'](location)
window['location'].assign(location)
window['location'].replace(location)
window['location']['assign'](location)
window['location']['replace'](location)
self.location['assign'](location)
self.location['replace'](location)
self['location'].assign(location)
self['location'].replace(location)
self['location']['assign'](location)
self['location']['replace'](location)
location.href = location
location.href = location.href
location.href = window.location
location.href = self.location
location.href = window.location.href
location.href = self.location.href
location.href = location['href']
location.href = window['location']
location.href = window['location'].href
location.href = window['location']['href']
location.href = window.location['href']
location.href = self['location']
location.href = self['location'].href
location.href = self['location']['href']
location.href = self.location['href']
...

Você pode executar esta tarefa usando window.location.reload();. Como existem várias maneiras de fazer isso, acho que é a maneira apropriada de recarregar o mesmo documento com JavaScript. Aqui está a explicação

window.locationObjeto JavaScript pode ser usado

• para obter o endereço da página atual (URL)
• redirecionar o navegador para outra página
• recarregar a mesma página

window: em JavaScript representa uma janela aberta em um navegador.

location: em JavaScript contém informações sobre o URL atual.

O locationobjeto é como um fragmento do windowobjeto e é chamado através da window.locationpropriedade

location O objeto possui três métodos:

1. assign(): usado para carregar um novo documento
2. reload(): usado para recarregar o documento atual
3. replace(): usado para substituir o documento atual por um novo

Então, aqui precisamos usar reload(), pois isso pode nos ajudar a recarregar o mesmo documento.

Então use como window.location.reload();.

Demonstração on-line no jsfiddle

Para solicitar ao seu navegador que recupere a página diretamente do servidor e não do cache, você pode passar um trueparâmetro para location.reload(). Este método é compatível com todos os principais navegadores, incluindo IE, Chrome, Firefox, Safari, Opera.

Tentar:

window.location.reload(true);

O parâmetro definido como 'true' recarrega uma nova cópia do servidor. Deixá-lo servirá a página do cache.

Mais informações podem ser encontradas no MSDN e na documentação do Mozilla .

Eu estava procurando algumas informações sobre recarregamentos em páginas recuperadas com solicitações POST, como após o envio de um method="post"formulário.

Para recarregar a página mantendo os dados do POST, use:

window.location.reload();

Para recarregar a página descartando os dados do POST (execute uma solicitação GET), use:

window.location.href = window.location.href;

Espero que isso ajude outras pessoas a procurar a mesma informação.

Para recarregar uma página usando JavaScript, use:

window.location.reload();

Isso funciona para mim:

function refresh() {    
    setTimeout(function () {
        location.reload()
    }, 100);
}

http://jsfiddle.net/umerqureshi/znruyzop/

Se você colocar

window.location.reload(true);

no início da sua página sem nenhuma outra condição qualificada para a execução desse código, a página será carregada e continuará sendo recarregada até você fechar o navegador.

location.href = location.href;

Para torná-lo fácil e simples, use location.reload(). Você também pode usar location.reload(true)se quiser pegar algo do servidor.

Usando um botão ou apenas coloque-o dentro de uma tag "a" (âncora):

<input type="button" value="RELOAD" onclick="location.reload();" />

Tente estas para outras necessidades:

Location Objects has three methods --

assign() Used to load a new document
reload() Used to reloads the current document.
replace() Used to replace the current document with a new one

Mais curto ( mais )

history.go()

Página de recarga automática após 20 segundos.

<script>
    window.onload = function() {
        setTimeout(function () {
            location.reload()
        }, 20000);
     };
</script>

Obrigado, este post foi muito útil, não apenas para recarregar a página com a resposta sugerida, mas também para me dar a ideia de colocar um ícone da interface do usuário do jQuery em um botão:

<button style="display:block; vertical-align:middle; height:2.82em;"
        title="Cargar nuevamente el código fuente sin darle un [Enter] a la dirección en la barra de direcciones"
        class="ui-state-active ui-corner-all ui-priority-primary" 
        onclick="javascript:window.location.reload(true);">
    <span style="display:inline-block;" class="ui-icon ui-icon-refresh"></span>
    &nbsp;[<b>CARGAR NUEVAMENTE</b>]&nbsp;
</button>

02/07/2016

Isso deve funcionar:

window.location.href = window.location.href.split( '#' )[0];

ou

var x = window.location.href;
x = x.split( '#' );
window.location.href = x[0];

Eu prefiro isso pelos seguintes motivos:

• Remove a parte após o #, garantindo que a página seja recarregada nos navegadores que não recarregam o conteúdo que a possui.
• Ele não pergunta se você deseja republicar o último conteúdo se você enviou um formulário recentemente.
• Ele deve funcionar mesmo nos navegadores mais recentes. Testado no Lasted Firefox e Chrome.

Como alternativa, você pode usar o método oficial mais recente para esta tarefa

window.location.reload()

Use este botão para atualizar a página

DEMO

<input type="button" value="Reload Page" onClick="document.location.reload(true)">

O método reload () é usado para recarregar o documento atual.

O método reload () faz o mesmo que o botão recarregar no seu navegador.

Por padrão, o método reload () recarrega a página do cache, mas você pode forçá-lo a recarregar a página do servidor, definindo o parâmetro forceGet como true: location.reload (true).

        location.reload();

Você pode simplesmente usar

window.location=document.URL

onde document.URL obtém o URL da página atual e o window.location o recarrega.