webentwicklung-frage-antwort-db.com.de

Aktualisieren Sie eine Seite mit JavaScript oder HTML

Wie kann ich eine Seite mit JavaScript oder HTML aktualisieren?

208
Prabakaran

window.location.reload(); in JavaScript

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

263
Reid

Hier sind 535 Möglichkeiten zum Neuladen eine Seite mit Javascript, sehr cool:

Hier sind die ersten 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)

und die letzten 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']()

Originalartikel

211
epoch

einfach benutzen ..

location.reload(true/false);

Bei false wird die Seite aus dem Cache oder vom Server neu geladen.

66
Wolv3rine
window.location.reload()

sollte funktionieren, es gibt jedoch viele verschiedene Optionen wie:

window.location.href=window.location.href
10
Mike Lewis

Sie können auch verwenden

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

Es funktioniert gut für mich.

7
Mandeep Singh

Verwenden:

window.location.reload();
3
Rob

Wenn es etwas zu tun hat, um Aktualisierungen auf zwischengespeicherten Seiten hier zu steuern, habe ich eine nette Methode, wie man das macht.

  • fügen Sie der Seite etwas Javascript hinzu, das beim Laden immer die Versionsnummer der Seite als Zeichenfolge (Ajax) abruft. zum Beispiel: www.yoursite.com/page/about?getVer=1&__[date]
  • Vergleichen Sie es mit der gespeicherten Versionsnummer (gespeichert in cookie oder localStorage), wenn der Benutzer die Seite einmal besucht hat, andernfalls speichern Sie sie direkt.
  • Wenn die Version nicht mit der lokalen Version übereinstimmt, aktualisieren Sie die Seite mit window.location.reload (true).
  • Sie werden alle Änderungen auf der Seite sehen.

Diese Methode erfordert mindestens eine Anforderung, auch wenn keine Anforderung erforderlich ist, da sie bereits im lokalen Browser-Cache vorhanden ist. Der Aufwand ist jedoch geringer als wenn überhaupt kein Cache verwendet wird (um sicherzustellen, dass auf der Seite der richtige aktualisierte Inhalt angezeigt wird). Dies erfordert nur wenige Bytes für jede Seitenanforderung anstelle des gesamten Inhalts für jede Seite.

WICHTIG: Die Versionsinformationsanfrage muss auf Ihrem Server implementiert sein, andernfalls wird die gesamte Seite zurückgegeben.

Beispiel für eine von www.yoursite.com/page/about?getVer=1&__[date] zurückgegebene Versionszeichenfolge: skg2pl-v8kqb

Um Ihnen ein Beispiel im Code zu geben, hier ist ein Teil meiner Bibliothek (ich glaube nicht, dass Sie es verwenden können, aber vielleicht gibt es Ihnen eine Idee, wie es geht):

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

Wenn Sie versionsunabhängige Ressourcen wie Javascript- oder CSS-Dateien verwenden, fügen Sie Versionsnummern hinzu (implementiert mit einem URL-Rewrite und nicht mit einer Abfrage, da diese meistens nicht zwischengespeichert werden). Zum Beispiel: www.yoursite.com/ver-01/about.js

Für mich funktioniert diese Methode großartig, vielleicht kann sie Ihnen auch helfen.

2
Codebeat