Pregunta Cómo volver a cargar una página usando JavaScript?


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


532
2017-09-15 06:03


origen


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

638
2017-09-15 06:17



location.reload();

Mira esto Página MDC para más información sobre el location objeto.


191
2017-09-15 06:04



Aquí están 535 maneras de volver a cargar la página usando JavaScript, el ser 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']
...

97
2017-09-19 11:02



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

JavaScript window.location objeto puede ser utilizado

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

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

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

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

location objeto tiene tres métodos:

  1. assign(): utilizado para cargar un nuevo documento
  2. reload(): utilizado para volver a cargar el documento actual
  3. replace(): utilizado para reemplazar el documento actual por uno nuevo

Entonces aquí tenemos que usar reload(), porque puede ayudarnos a volver a cargar el mismo documento.

Entonces úsalo como window.location.reload();.

Demostración en línea en jsfiddle

Para solicitarle a su navegador que recupere la página directamente desde el servidor, no desde el 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.


64
2017-12-23 09:48



Esto funciona para mí:

function refresh() {

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

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


33
2018-01-08 07:52



tratar:

window.location.reload(true);

El parámetro establecido en 'verdadero' vuelve a cargar una copia nueva del servidor. Salirlo servirá a la página desde el caché.

Se puede encontrar más información en MSDN y en el Documentos de Mozilla


32
2018-06-08 22:05



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

Para volver a cargar la página manteniendo los datos POST, utilizar:

window.location.reload();

Para volver a cargar la página descartando los datos POST (realiza una solicitud GET), utilizar:

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

Con suerte, esto puede ayudar a otros a buscar la misma información.


26
2017-07-19 19:42