Heim >Web-Frontend >js-Tutorial >Zusammenfassung mehrerer Methoden zum Aktualisieren der aktuellen Seite mithilfe von JS

Zusammenfassung mehrerer Methoden zum Aktualisieren der aktuellen Seite mithilfe von JS

高洛峰
高洛峰Original
2016-12-17 15:25:401342Durchsuche

Reload-Methode: Diese Methode zwingt den Browser, die aktuelle Seite zu aktualisieren.
Grammatik: Location.Reload ([BFORCEGET])

Parameter: BFORCEGET, optionaler Parameter, Standardwert ist False, übernimmt die aktuelle Seite aus dem Client-Cache. wahr, dann verwenden Sie die GET-Methode, um die neueste Seite vom Server abzurufen, was dem Klicken des Clients auf F5 („Aktualisieren“) entspricht

Replace-Methode, die den aktuellen Cache im Verlauf durch Angabe der URL ersetzt ( Client)-Projekt, sodass Sie nach Verwendung der Ersetzungsmethode nicht über „Vorwärts“ und „Zurück“ auf die ersetzte URL zugreifen können.
Syntax: location.replace(URL)

In der tatsächlichen Anwendung verwenden wir beim Aktualisieren der Seite normalerweise: location.reload() oder History.go(0), um dies zu tun. Da dieser Ansatz so ist, als ob der Client F5 drückt, um die Seite zu aktualisieren, wird bei Verwendung der Methode „post“ der Seite die Meldung „Webseite abgelaufen“ angezeigt. Das liegt am Sicherheitsschutzmechanismus von Session. Sie können sich Folgendes vorstellen: Wenn die Methode location.reload () aufgerufen wird, ist die ASPX-Seite bereits im Serverspeicher vorhanden und muss daher IsPostback sein. Wenn es eine solche Anwendung gibt: Wir müssen die Seite neu laden, was bedeutet, dass wir erwarten, dass die Seite auf der Serverseite neu erstellt wird, und wir erwarten Not IsPostback. Hier kann location.replace() diese Aufgabe erfüllen. Die ersetzte Seite wird jedes Mal auf dem Server neu generiert.

Sie können so schreiben: location.replace(location.href);

Gehen Sie zurück und aktualisieren Sie die Seite:

location.replace(document.referrer);
document .referrer //Die URL der vorherigen Seite

Verwenden Sie nicht „history.go(-1)“ oder „history.back();“, um zur Seite zurückzukehren und sie zu aktualisieren die Seite.

Anhang:
Mehrere Möglichkeiten, die Seite mit Javascript zu aktualisieren:
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

Methoden zum automatischen Aktualisieren der Seite:

1. Aktualisieren Sie die Seite automatisch: Fügen Sie den folgenden Code zum 93f0f5c25f18dab9d176bd4f6de5d30e-Inhalt hinzu ="20" >
20 davon bedeuten, dass die Seite alle 20 Sekunden aktualisiert wird.

2. Automatischer Seitensprung: Fügen Sie den folgenden Code zum 93f0f5c25f18dab9d176bd4f6de5d30e-Bereich hinzu

31cad0ed9cb6a8b4ffdee2a6c9a5d089
Die 20 Finger springen nach 20 Sekunden zur Seite http://www.php.cn

3. Die Seite aktualisiert automatisch die js-Version

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


//So aktualisieren Sie die Seite mit der Rahmen

a2bbbb160e7164ddd930eed2a74569d1
parent.location.reload();
2cacc6d41bbb37262a98f745aa00fbf0

//Das untergeordnete Fenster aktualisiert das übergeordnete Fenster
c2384cc02e0dbac5e55f16eb4ae154d4
self.opener.location.reload();
2cacc6d41bbb37262a98f745aa00fbf0
(oder1157ca6c5dc1f1a3c4a92467d34a4887Refresh4a11e5928b3688cf38c9163b657eb5ac )

//So aktualisieren Sie die Seite eines anderen Frames mit

a2bbbb160e7164ddd930eed2a74569d1
parent.Another FrameID.location.reload();
3fa3f474cbb4b6d948eebecb1be5dde4

Wenn Sie eine Aktualisierung durchführen möchten, wenn das Fenster geschlossen oder geöffnet wird, rufen Sie einfach die folgende Anweisung in 6c04bd5ca3fcae76e30b72ad730ca86d auf.

a7a591df2625d01ed15b6b4328865a6d Beim Öffnen des Fensters aktualisieren

fc87e241137c5c6656c7ddd89ab240df Beim Schließen aktualisieren

1a24b17f85e15c83fc29b7760e40bfcb

window.opener.document.location.reload()
2cacc6d41bbb37262a98f745aa00fbf0



Weitere JS-Methoden zum Aktualisieren der aktuellen Seite und eine Zusammenfassung verwandter Artikel finden Sie auf der chinesischen PHP-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