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.
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'.
location.reload();
Veja Esta Página MDC para mais informações sobre o objecto location
.
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']
...
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:
-
assign()
: usado para carregar um novo documento -
reload()
: usado para recarregar o documento actual -
replace()
: usado para substituir o documento actual por um novo
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.
function refresh() {
setTimeout(function () {
location.reload()
}, 100);
}
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
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;
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.
Para recarregar uma página com a utilização de JavaScript:
window.location.reload() ;
location.href = location.href;
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
Para facilitar e simplificar, use location.reload()
.
Você também pode usar location.reload(true)
se você quiser pegar algo do servidor.
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>
[<b>CARGAR NUEVAMENTE</b>]
</button>
2/7/2016
Recarregar automaticamente a página após 20 segundos.
<script>
window.onload = function() {
setTimeout(function () {
location.reload()
}, 20000);
};
</script>
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()
Use este botão para actualizar a Página
<input type="button" value="Reload Page" onClick="document.location.reload(true)">
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.