Heim >Web-Frontend >js-Tutorial >Zusammenfassung der Methoden zum Aktualisieren von JS-Seiten

Zusammenfassung der Methoden zum Aktualisieren von JS-Seiten

黄舟Original: 2017-11-16 14:16:514460Durchsuche

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 d13fc09fc3a61027bf4a1ae346cec7e0, 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 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 93f0f5c25f18dab9d176bd4f6de5d30e hinzu
Der 20. Finger wird alle 20 Sekunden aktualisiert.

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

2. Die Seite springt automatisch: Fügen Sie den folgenden Code zum Bereich 93f0f5c25f18dab9d176bd4f6de5d30e 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">

3. Die Seite wird automatisch aktualisiert js-Version

c9b2223153d8e39163b0aa064e06fe9efunction myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次2cacc6d41bbb37262a98f745aa00fbf0

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 6c04bd5ca3fcae76e30b72ad730ca86d 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>

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

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

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Verwendung der JavaScript-Aktualisierungsseite location.reload()Nächster Artikel：Verwendung der JavaScript-Aktualisierungsseite location.reload()

In Verbindung stehende Artikel

Mehr sehen