Zusammenfassung der Methoden zum Aktualisieren von JS-Seiten-js-Tutorial-php.cn

Zusammenfassung der Methoden zum Aktualisieren von JS-Seiten

黄舟

Freigeben： 2017-11-16 14:16:51

Original

4403 Leute haben es durchsucht

Wir haben bereits zuvor die Verwendung von JavaScript zum Aktualisieren der Seite location.reload() eingeführt. Tatsächlich gibt es viele Möglichkeiten, die Seite in JS zu aktualisieren, und dies ist nur eine davon . Heute möchte ich Ihnen eine Zusammenfassung der Methode zum Aktualisieren der Seite mit JS zeigen!

window.location.reload(), window.history.go(0) und document.execCommand(''Refresh''), diese drei Methoden sind die schnellsten . Andere haben offensichtliche Browser-Bildlaufleisten.
Mehrere Möglichkeiten, die Seite mit Javascript zu aktualisieren:
1 History.go(0)
Es sei denn, es gibt Seiten wie <%..%>, die interpretiert werden müssen auf der Serverseite zu generierender Code, andernfalls lesen Sie die Daten im Cache direkt
ohne Aktualisierung
2 location.reload()
Stellen Sie erneut eine Verbindung zum Server her, um die neue Seite zu lesen ( obwohl die Seite dieselbe ist)
Aktualisieren
3 Standort=Standort
Um in Javascript zu navigieren, anstatt eine Methode des Fensterobjekts aufzurufen, legen Sie dessen fest location.href-Eigenschaft, das Standortattribut wird von jedem Browser unterstützt. Zum Beispiel:

<span onclick=”javascript:window.location.href=’#top’”>top</span>

Nach dem Login kopieren

Nach der Ausführung erfolgt ein Vor- und Zurückschalten
4 location.assign(location)
Laden Sie das neue HTML-Dokument, das durch angegeben wird URL. Dies entspricht einem Link, der zur angegebenen URL springt. Die aktuelle Seite wird in den neuen Seiteninhalt konvertiert. Sie können auf „Zurück“ klicken, um zur vorherigen Seite zurückzukehren.
5 document.execCommand('Refresh')
6 window.navigate(location)
Die von MSDN erwähnte Methode window.navigate(sURL) ist für IE und gilt nicht für FF: Im HTML-DOM-Fensterobjekt ist die Methode window.navigate überhaupt nicht aufgeführt.
7 location.replace(location)
Kein Zurück oder Vorwärts nach der Ausführung
Ersetzen Sie das aktuelle Dokument, indem Sie das durch die URL angegebene Dokument laden. Diese Methode dient zum Ersetzen der aktuellen Fensterseite , zwei vorher und nachher Die Seiten teilen sich ein
Fenster, daher gibt es kein Zurück , um zur vorherigen Seite zurückzukehren
8 document.URL=location.href

Javascript Mehrere Methoden zum Aktualisieren der Seite:
1 History.go(0)
2 Location.reload()
3 Location=Location
4 Location.assign(Location )
5 document.execCommand ('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

Methode zum automatischen Aktualisieren der Seite: Javascript automatisch Detaillierte Erklärung zum Aktualisieren der Seite
1. Fügen Sie den folgenden Code zum Bereich hinzu
Der 20. Finger wird alle 20 Sekunden aktualisiert.

<meta http-equiv="refresh" content="20">

Nach dem Login kopieren

2. Die Seite springt automatisch: Fügen Sie den folgenden Code zum Bereich hinzu

, mit 20 Fingern auseinander Springen Sie nach 20 Sekunden zur Seite http://www.php.cn

<meta http-equiv="refresh" content="20;url=http://www.php.cn">

Nach dem Login kopieren

3. Die Seite wird automatisch aktualisiert js-Version

<script language="JavaScript">function myrefresh()
{
window.location.reload();
}
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次</script>

Nach dem Login kopieren

JS-Refresh-Frame-Skriptanweisung

Wenn Sie aktualisieren möchten, wenn die Wenn das Fenster geschlossen ist oder Sie es aktualisieren möchten, wenn das Fenster geöffnet wird, rufen Sie die folgende Anweisung in auf.

//如何刷新包含该框架的页面用 
<script language=JavaScript>
parent.location.reload();
</script>

//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script> www.jbxue.com
(　或　<a href="javascript:opener.location.reload()">刷新</a> )

//如何刷新另一个框架的页面用 
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>

Nach dem Login kopieren

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">
window.opener.document.location.reload()
</script>

Nach dem Login kopieren

Zusammenfassung:

Dieser Artikel beschreibt die Methode zum Aktualisieren der Seite in JavaScript anhand von Beispielen, in denen hauptsächlich erläutert wird Häufiger verwendete Methoden Es gibt mehrere Methoden. Freunde können die Methode auswählen, die ihren eigenen Bedürfnissen entspricht!

Verwandte Empfehlungen

Verwendung der JavaScript-Aktualisierungsseite location.reload()

JS-Seitensumme aktualisieren! Eine Vielzahl von JS-Aktualisierungsseitencodes!

Eine vollständige Sammlung von JS-Aktualisierungsseitenmethoden

Das obige ist der detaillierte Inhalt vonZusammenfassung der Methoden zum Aktualisieren von JS-Seiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!