Cómo recargar una página usando JavaScript

¿Cómo puedo recargar la página usando JavaScript?

Necesito un método que funcione en todos los 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();

Vea esta página de MDN para más información.

Si está actualizando después de un, onclickentonces deberá devolver falso directamente después de

location.reload();
return false;

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']
...

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.locationSe puede usar el objeto

• para obtener la dirección de la página actual (URL)
• para redirigir el navegador a otra página
• para recargar la misma página

window: en JavaScript representa una ventana abierta en un navegador.

location: en JavaScript contiene información sobre la URL actual.

El locationobjeto es como un fragmento del windowobjeto y se llama a través de la window.locationpropiedad.

location El objeto tiene tres métodos:

1. assign(): se utiliza para cargar un nuevo documento
2. reload(): se utiliza para recargar el documento actual
3. replace(): se utiliza para reemplazar el documento actual por uno nuevo

Así 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 trueparámetro a location.reload(). Este método es compatible con todos los principales navegadores, incluidos IE, Chrome, Firefox, Safari, Opera.

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.

Para recargar una página usando JavaScript, use:

window.location.reload();

Esto funciona para mi:

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

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

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;

Para hacerlo fácil y simple, use location.reload(). También puedes usarlo location.reload(true)si quieres tomar algo del servidor.

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

Más corto ( más )

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>
    &nbsp;[<b>CARGAR NUEVAMENTE</b>]&nbsp;
</button>

2016-07-02

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:

• Elimina la parte después del #, asegurando que la página se vuelva a cargar en los navegadores que no volverán a cargar el contenido que la tiene.
• No le pregunta si desea volver a publicar el último contenido si recientemente envió un formulario.
• Debería funcionar incluso en los navegadores más recientes. Probado en Firefox y Chrome durados.

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

MANIFESTACIÓN

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