Como recarregar uma página usando JavaScript?

Como posso recarregar a página usando JavaScript? Preciso de um método que funcione em todos os navegadores.

 566
Author: Boann, 2010-09-15

17 answers

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'.
 669
Author: gianebao, 2018-03-17 18:41:41
location.reload();

Veja Esta Página MDC para mais informações sobre o objecto location.

 204
Author: Lekensteyn, 2010-09-15 06:04:28

Aqui estão 535 maneiras de recarregar a página usando JavaScript , sendo 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']
...
 113
Author: Jeremy Thille, 2018-03-17 18:40:12

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

O objecto JavaScript window.location pode ser usado

  • para obter o endereço da página actual (URL)
  • para redireccionar o navegador para outra página
  • Para recarregar a mesma página

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

location: no JavaScript contém informações sobre o URL actual.

O objecto location é como um fragmento do objecto window e é chamado através da propriedade window.location.

location o objecto tem três métodos:

  1. assign(): usado para carregar um novo documento
  2. reload(): usado para recarregar o documento actual
  3. replace(): usado para substituir o documento actual por um novo
Então aqui precisamos usar reload(), porque pode ajudar-nos a recarregar o mesmo documento. Então usa-o como window.location.reload();.

Demonstração Online no jsfiddle

para pedir ao seu navegador que recupere a página directamente do servidor e não da 'cache', poderá passar um parâmetro true para location.reload(). Este método é compatível com todos os navegadores principais, incluindo IE, Chrome, Firefox, Safari, Opera.

 67
Author: Nikhil Agrawal, 2018-03-17 18:39:03
Isto funciona comigo.
function refresh() {

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

Http://jsfiddle.net/umerqureshi/znruyzop/

 34
Author: umer, 2017-12-06 08:28:27

Tenta:

window.location.reload(true);

O parâmetro definido como 'true' carrega uma cópia nova do servidor. Deixando-o de fora irá servir a página do cache.

Mais informações podem ser encontradas em MSDN e em Mozilla docs

 33
Author: Orane, 2015-07-01 13:10:39

Eu estava à procura de algumas informações sobre carregamentos em páginas recuperadas com pedidos de POST, como depois de enviar um formulário {[[0]}.

Para recarregar a Página manutenção dos dados do correio, Uso:

window.location.reload();

Para recarregar a Página descartar os dados da publicação (realizar um pedido de obtenção), Uso:

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

Espero que isto possa ajudar outros à procura da mesma informação.
 29
Author: Starwarswii, 2017-07-19 19:42:42

Se puseres

window.location.reload(true);

No início da sua página, sem qualquer outra condição que qualifique por que esse código é executado, a página irá carregar e, em seguida, continuar a recarregar-se até que você feche o seu navegador.

 13
Author: Joe Devlin, 2013-03-01 04:07:02

Para recarregar uma página com a utilização de JavaScript:

window.location.reload() ;
 10
Author: Girish Ninama, 2018-05-25 11:09:29
location.href = location.href;
 8
Author: guilin 桂林, 2015-06-10 13:44:17

Usando um botão ou apenas colocar dentro da marca" a (anchor) "

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



Tente estes 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
 7
Author: Arun Prasad E S, 2016-06-03 04:26:27

Para facilitar e simplificar, use location.reload(). Você também pode usar location.reload(true) se você quiser pegar algo do servidor.

 7
Author: Joshua, 2017-04-30 20:17:02

Obrigado, este post foi muito útil não só para recarregar a página com a resposta sugerida, mas também me deu uma idéia de colocar um ícone de UI jQuery em um botão. Espero que ajude outra pessoa!

<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>

Edited to show how this looks like when included in a project

2/7/2016

2[My apologies as this is a personal project that implies using jQuery UI, Themeroller, Icons framework, methods like jQuery tabs, but it's in Spanish ;) ]2

 3
Author: Jean Paul A.K.A el_vete, 2016-07-02 17:52:09

Recarregar automaticamente a página após 20 segundos.

<script>
    window.onload = function() {
        setTimeout(function () {
            location.reload()
        }, 20000);
     };
</script>
 3
Author: Ali Chegini, 2017-02-05 03:10:13
Isto deve funcionar.
window.location.href = window.location.href.split( '#' )[0];

Ou

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

Prefiro isto pelas seguintes razões:

  • remove a parte após o #, garantindo que a página recarregue em navegadores que não recarreguem o conteúdo que a tenha.
  • Ele não lhe pergunta se deseja repostar o último conteúdo se você recentemente enviar um formulário.
  • Deve funcionar mesmo nos navegadores mais recentes. Testada em Firefox e cromo.

Em alternativa, pode utilizar o método para esta tarefa

window.location.reload()
 1
Author: Ayoola Falola, 2017-10-02 16:17:26

Use este botão para actualizar a Página

DEMONSTRAÇÃO

<input type="button" value="Reload Page" onClick="document.location.reload(true)">
 0
Author: Mr.Meysam, 2017-10-24 09:09:03

Pode simplesmente utilizar

window.location=document.URL

Em que Documento.O URL recebe o URL da página actual e a janela.a localização recarrega-o.

 -3
Author: Sanu Uthaiah Bollera, 2014-05-27 14:48:56