Respuestas:
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'.
.reload(true)
agrega al historial? Si es así, ¿cómo evitar eso con la recarga?
location.reload();
Vea esta página de MDN para más información.
Si está actualizando después de un, onclick
entonces deberá devolver falso directamente después de
location.reload();
return false;
location.reload()
y window.location.reload()
?
location
es lo mismo que window.location
lo window
es el objeto global.
return false;
llamarlo desde un clic en un enlace.
window.location.reload();
para facilitar la lectura, ya que location
podría ser una variable local, mientras que generalmente evitaría las variables del nombre window
.
Aquí hay 535 formas de volver a cargar la página usando JavaScript , siendo la más fácil location = location
.
Estos son los primeros 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']
...
window.window.window['window'].location = window['window'].window['window']['window']['window']['window']['window']['window']['location']
Puede realizar esta tarea usando window.location.reload();
. Como hay muchas formas de hacerlo, creo que es la forma adecuada de volver a cargar el mismo documento con JavaScript. Aquí esta la explicación
JavaScript window.location
Se puede usar el objeto
window
: en JavaScript representa una ventana abierta en un navegador.
location
: en JavaScript contiene información sobre la URL actual.
El location
objeto es como un fragmento del window
objeto y se llama a través de la window.location
propiedad.
location
El objeto tiene tres métodos:
assign()
: se utiliza para cargar un nuevo documentoreload()
: se utiliza para recargar el documento actualreplace()
: se utiliza para reemplazar el documento actual por uno nuevoAsí que aquí tenemos que usar reload()
, porque puede ayudarnos a recargar el mismo documento.
Así que úsalo como window.location.reload();
.
Demostración en línea en jsfiddle
Para pedirle a su navegador que recupere la página directamente del servidor, no del caché, puede pasar un true
parámetro a location.reload()
. Este método es compatible con todos los principales navegadores, incluidos IE, Chrome, Firefox, Safari, Opera.
replace()
resultó ser la solución que estaba buscando porque necesitaba volver a cargar mi página con un ligero cambio en la cadena de consulta.
Tratar:
window.location.reload(true);
El parámetro establecido en 'verdadero' vuelve a cargar una copia nueva del servidor. Dejarlo fuera servirá la página desde el caché.
Se puede encontrar más información en MSDN y en la documentación de Mozilla .
Estaba buscando información sobre las recargas en páginas recuperadas con solicitudes POST, como después de enviar un method="post"
formulario.
Para volver a cargar la página manteniendo los datos POST, use:
window.location.reload();
Para volver a cargar la página descartando los datos POST (realizar una solicitud GET), use:
window.location.href = window.location.href;
Esperemos que esto pueda ayudar a otros que buscan la misma información.
POST
solicitud.
GET
y POST
métodos
window.location.href = window.location.href
no vuelve a cargar la página si la url actual contiene a #
. Puede eliminar el hash si no lo necesita window.location.href = window.location.href.split('#')[0];
.
Para recargar una página usando JavaScript, use:
window.location.reload();
Esto funciona para mi:
function refresh() {
setTimeout(function () {
location.reload()
}, 100);
}
Si pones
window.location.reload(true);
al comienzo de su página sin ninguna otra condición que califique por qué se ejecuta ese código, la página se cargará y luego continuará recargándose hasta que cierre su navegador.
location.href = location.href;
location.reload()
?
Usando un botón o simplemente colóquelo dentro de una etiqueta "a" (ancla):
<input type="button" value="RELOAD" onclick="location.reload();" />
Pruebe estos para otras necesidades:
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
history.go()
Página de recarga automática después de 20 segundos.
<script>
window.onload = function() {
setTimeout(function () {
location.reload()
}, 20000);
};
</script>
Gracias, esta publicación fue muy útil, no solo para volver a cargar la página con la respuesta sugerida, sino también para darme la idea de colocar un icono de jQuery UI en un botón:
<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>
Esto debería funcionar:
window.location.href = window.location.href.split( '#' )[0];
o
var x = window.location.href;
x = x.split( '#' );
window.location.href = x[0];
Prefiero esto por las siguientes razones:
Alternativamente, puede usar el método oficial más reciente para esta tarea
window.location.reload()
Use este botón para actualizar la página
<input type="button" value="Reload Page" onClick="document.location.reload(true)">
El método reload () se usa para recargar el documento actual.
El método reload () hace lo mismo que el botón reload en su navegador.
De forma predeterminada, el método reload () vuelve a cargar la página desde el caché, pero puede forzarlo a volver a cargar la página desde el servidor estableciendo el parámetro forceGet en true: location.reload (true).
location.reload();
Simplemente puedes usar
window.location=document.URL
donde document.URL obtiene la URL de la página actual y window.location la recarga.