ejemplo - javascript html

Actualizar una página usando JavaScript o HTML

Question

Esta pregunta ya tiene una respuesta aquí:

• ¿Cómo recargar una página usando JavaScript? 17 respuestas

¿Cómo puedo actualizar una página usando JavaScript o HTML?

Answer 1

Aquí hay 535 formas de recargar una página usando javascript, muy bien:

Aquí están los primeros 20:

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)

y los últimos 10:

self[''location''][''replace''](self.location[''href''])
location.reload()
location[''reload'']()
window.location.reload()
window[''location''].reload()
window.location[''reload'']()
window[''location''][''reload'']()
self.location.reload()
self[''location''].reload()
self.location[''reload'']()
self[''location''][''reload'']()

_{Artículo original}

Answer 2

Si tiene algo que hacer, controle las actualizaciones en las páginas almacenadas en caché aquí, tengo un buen método para hacer esto.

• agregue algún javascript a la página que siempre obtenga el número de versión de la página como una cadena (ajax) al cargar. por ejemplo: www.yoursite.com/page/about?getVer=1&__[date]
• Compárelo con el número de versión almacenado (almacenado en cookie o localStorage) si el usuario ha visitado la página una vez, de lo contrario, guárdelo directamente.
• Si la versión no es la misma que la versión local, actualice la página con window.location.reload (true)
• Verás los cambios realizados en la página.

Este método requiere al menos una solicitud, incluso cuando no se necesita ninguna solicitud porque ya existe en el caché del navegador local. Pero la sobrecarga es menos en comparación con el uso de ningún caché (para asegurarse de que la página muestre el contenido actualizado correcto). Esto requiere solo unos pocos bytes para cada solicitud de página en lugar de todo el contenido para cada página.

IMPORTANTE: la solicitud de información de la versión debe implementarse en su servidor, de lo contrario devolverá toda la página.

Ejemplo de cadena de versión devuelta por www.yoursite.com/page/about?getVer=1&__[date] : skg2pl-v8kqb

Para darte un ejemplo en código, aquí hay una parte de mi biblioteca (no creo que puedas usarlo, pero quizás te dé una idea de cómo hacerlo):

o.gCheckDocVersion = function() // Because of the hard caching method, check document for changes with ajax 
{
  var sUrl = o.getQuerylessUrl(window.location.href),
      sDocVer = o.gGetData( sUrl, false );

  o.ajaxRequest({ url:sUrl+''?getVer=1&''+o.uniqueId(), cache:0, dataType:''text'' }, 
                function(sVer)
                {
                   if( typeof sVer == ''string'' && sVer.length )
                   {
                     var bReload = (( typeof sDocVer == ''string'' ) && sDocVer != sVer );
                     if( bReload || !sDocVer )
                      { 
                        o.gSetData( sUrl, sVer ); 
                        sDocVer = o.gGetData( sUrl, false );
                        if( bReload && ( typeof sDocVer != ''string'' || sDocVer != sVer ))
                         { bReload = false; }
                      }
                     if( bReload )
                      {  // Hard refresh page contents
                        window.location.reload(true); }
                   }
                }, false, false );
};

Si está utilizando recursos independientes de la versión como archivos javascript o css, agregue números de versión (implementados con una reescritura de URL y no con una consulta, ya que en su mayoría no se almacenarán en caché). Por ejemplo: www.yoursite.com/ver-01/about.js

Para mí, este método está funcionando muy bien, quizás también te pueda ayudar.

Answer 3

También puedes usar

<input type="button" value = "Refresh" onclick="history.go(0)" />

Funciona bien para mí.

Answer 4

Utilizar:

window.location.reload();

Answer 5

prueba esto funcionando bien

jQuery("body").load(window.location.href);

Answer 6

simplemente use ..

location.reload(true/false);

Si es falso, la página se volverá a cargar desde la memoria caché, o desde el servidor.

Answer 7

window.location.reload(); en JavaScript

<meta http-equiv="refresh" content="1"> en HTML (donde 1 = 1 segundo).

Answer 8

window.location.reload()

Debería funcionar sin embargo hay muchas opciones diferentes como:

window.location.href=window.location.href