refrescar - ¿Cómo recargar una página usando JavaScript?

refrescar pagina javascript onclick

Question

¿Cómo puedo recargar la página usando JavaScript? Necesito un método que funcione en todos los navegadores.

Answer 1

Aquí hay 535 formas de volver a cargar la página usando JavaScript , la más fácil es 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'']
...

Answer 2

Estaba buscando información sobre las recargas en las páginas recuperadas con las solicitudes POST, como después de enviar el formulario method="post" .

Para recargar la página manteniendo los datos de 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 a buscar la misma información.

Answer 3

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 contiene.
• No le pregunta si desea volver a publicar el último contenido si recientemente ha enviado un formulario.
• Debería funcionar incluso en los navegadores más recientes. Probado en Firefox y Chrome.

Alternativamente, puede usar el método oficial más reciente para esta tarea

window.location.reload()

Answer 4

Esto funciona para mí:

function refresh() {

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

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

Answer 5

Gracias, esta publicación fue de gran ayuda, no solo para volver a cargar la página con la respuesta sugerida, sino que también me dio una idea para colocar un icono de jQuery UI en un botón. Espero que ayude a alguien más!

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

7/02/2016

2 [ ] 2

Answer 6

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

Answer 7

Para hacerlo fácil y simple, use location.reload() . También puede usar location.reload(true) si desea obtener algo del servidor.

Answer 8

Recarga automática de la página después de 20 segundos.

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

Answer 9

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á recargando hasta que cierre su navegador.

Answer 10

Usando el botón A o simplemente coloque dentro de la etiqueta "a (ancla)"

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

Prueba 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

Answer 11

Usted puede simplemente utilizar

window.location=document.URL

donde document.URL obtiene la URL de la página actual y window.location la vuelve a cargar.

Answer 12

Utiliza este botón para actualizar la página.

DEMO

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

Answer 13

tratar:

window.location.reload(true);

El parámetro establecido en ''verdadero'' vuelve a cargar una copia nueva del servidor. Dejándolo fuera servirá la página de caché.

Se puede encontrar más información en MSDN y en los documentos de Mozilla

Answer 14

Puede realizar esta tarea utilizando window.location.reload(); . Como hay muchas formas de hacer esto, pero creo que es la forma adecuada de volver a cargar el mismo documento con JavaScript. Aquí está la explicación.

Se puede usar el objeto window.location JavaScript

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

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

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

El objeto de location es como un fragmento del objeto de window y se llama a través de la propiedad window.location .

location objeto de location tiene tres métodos:

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

Así que aquí necesitamos usar reload() , ya que puede ayudarnos a recargar el mismo documento.

Así que window.location.reload(); como window.location.reload(); .

Demo en línea en jsfiddle

Para pedirle a su navegador que recupere la página directamente del servidor y no del caché, puede pasar un parámetro true a location.reload() . Este método es compatible con todos los principales navegadores, incluidos IE, Chrome, Firefox, Safari y Opera.

Answer 15

Para recargar una página utilizando JavaScript:

window.location.reload() ;

Answer 16

location.href = location.href;

Answer 17

location.reload();

Consulte esta página de MDC para obtener más información sobre el objeto de location .