Vernieuw een pagina met JavaScript of HTML

Hoe kan ik een pagina vernieuwen met JavaScript of HTML?


Antwoord 1, autoriteit 100%

window.location.reload();in JavaScript

<meta http-equiv="refresh" content="1">in HTML (waarbij 1= 1 seconde).


Antwoord 2, autoriteit 82%

Hier zijn 535 manieren om een pagina opnieuw te ladenmet javascript , erg cool:

Dit zijn de eerste 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)

en de laatste 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']()

Origineel artikel


Antwoord 3, autoriteit 25%

gewoon gebruiken..

location.reload(true/false);

Indien false, wordt de pagina opnieuw geladen vanuit de cache, anders vanaf de server.


Antwoord 4, autoriteit 5%

window.location.reload()

zou moeten werken, maar er zijn veel verschillende opties, zoals:

window.location.href=window.location.href

Antwoord 5, autoriteit 3%

U kunt ook

. gebruiken

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

Het werkt prima voor mij.


Antwoord 6, autoriteit 2%

Gebruik:

window.location.reload();

Antwoord 7

Als het iets te maken heeft met het controleren van updates op pagina’s in de cache hier, heb ik een goede methode om dit te doen.

  • voeg wat javascript toe aan de pagina die bij het laden altijd het versienummer van de pagina als string (ajax) krijgt. bijvoorbeeld: www.yoursite.com/page/about?getVer=1&__[date]
  • Vergelijk het met het opgeslagen versienummer (opgeslagen in cookie of localStorage) als de gebruiker de pagina één keer heeft bezocht, sla het anders direct op.
  • Als de versie niet hetzelfde is als de lokale versie, ververs dan de pagina met window.location.reload(true)
  • Je ziet alle wijzigingen die op de pagina zijn aangebracht.

Deze methode vereist ten minste één verzoek, zelfs wanneer er geen verzoek nodig is, omdat het al bestaat in de lokale browsercache. Maar de overhead is minder in vergelijking met het gebruik van geen cache (om er zeker van te zijn dat de pagina de juiste bijgewerkte inhoud toont). Dit vereist slechts een paar bytes voor elke paginaverzoek in plaats van alle inhoud voor elke pagina.

BELANGRIJK: het verzoek van de versie Info moet op uw server worden geïmplementeerd, anders zal deze de hele pagina retourneren.

Voorbeeld van Version String geretourneerd door www.yoursite.com/page/about?getVer=1&__[date]:
SKG2PL-V8KQB

Om u een voorbeeld in code te geven, is hier een deel van mijn bibliotheek (ik denk niet dat u het kunt gebruiken, maar misschien geeft het u een idee hoe het moet doen):

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 );
};

Als je versie-onafhankelijke bronnen zoals javascript of css-bestanden gebruikt, voeg dan versienummers toe (geïmplementeerd met een URL-herschrijving en niet met een query omdat ze meestal niet in de cache worden opgeslagen). Bijvoorbeeld: www.uwsite.com/ver-01/about.js

Voor mij werkt deze methode prima, misschien kan het jou ook helpen.


Antwoord 8

probeer dit goed te werken

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

Other episodes