Heim > Web-Frontend > js-Tutorial > Mehrere Möglichkeiten, die aktuelle Seite mit js zu aktualisieren

Mehrere Möglichkeiten, die aktuelle Seite mit js zu aktualisieren

高洛峰
Freigeben: 2016-12-17 15:37:35
Original
2060 Leute haben es durchsucht

Wie aktualisiere ich die aktuelle Seite? Mit js kann man alles machen.

1, Reload-Methode, diese Methode zwingt den Browser, die aktuelle Seite zu aktualisieren.
Syntax: location.reload([bForceGet])
Parameter: bForceGet, optionaler Parameter, Standardwert ist false, ruft die aktuelle Seite aus dem Client-Cache ab. wahr, dann verwenden Sie die GET-Methode, um die neueste Seite vom Server abzurufen, was dem Klicken des Clients auf F5 („Aktualisieren“) entspricht

2, Ersetzungsmethode, die den aktuellen Cache im Verlauf durch Angabe ersetzt URL-Projekt (Kundenseite), sodass Sie nach Verwendung der Ersetzungsmethode nicht über „Vorwärts“ und „Zurück“ auf die ersetzte URL zugreifen können.
Syntax: location.replace(URL)
Verwenden Sie dazu normalerweise: location.reload() oder History.go(0).
Diese Methode ähnelt dem Client-Punkt F5 zum Aktualisieren der Seite. Wenn also die Seitenmethode „post“ lautet, wird die Meldung „Webseite abgelaufen“ angezeigt.
Aufgrund des Sicherheitsschutzmechanismus von Session.

Wenn die Methode location.reload() aufgerufen wird, ist die ASPX-Seite bereits im Serverspeicher vorhanden, daher muss es sich um IsPostback handeln.
Wenn es eine solche Anwendung gibt: Die Seite muss neu geladen werden, was bedeutet, dass erwartet wird, dass die Seite auf der Serverseite neu erstellt wird und die Erwartung „Not IsPostback“ ist.
Hier kann location.replace() diese Aufgabe abschließen. Die ersetzte Seite wird jedes Mal auf dem Server neu generiert.
Code: location.replace(location.href);

Zurückkehren und die Seite aktualisieren:
location.replace(document.referrer);
document.referrer //URL des vorherigen Seite
Verwenden Sie nicht „history.go(-1)“ oder „history.back();“, um zur Seite zurückzukehren und sie zu aktualisieren. Diese beiden Methoden aktualisieren die Seite nicht.
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
Nach dem Login kopieren

Methoden zum automatischen Aktualisieren der Seite:
1. Fügen Sie den folgenden Code zum < ;head>-Bereich

<meta http-equiv="refresh" content="20">
Nach dem Login kopieren

20 davon aktualisieren die Seite alle 20 Sekunden
2, die Seite springt automatisch: Fügen Sie den folgenden Code zum -Bereich hinzu

Davon springen 20 Finger 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 aktualisiert automatisch die JS-Version


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

Wenn Sie aktualisieren möchten, wenn das Fenster geschlossen wird, oder wenn Sie aktualisieren möchten, wenn das Fenster geöffnet wird, rufen Sie einfach die folgende Anweisung in auf.
//刷新包含该框架的页面用   
<script language=JavaScript>
   parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
    self.opener.location.reload();
</script>
( 或 <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


Weitere js-Methoden zum Aktualisieren der aktuellen Seite und verwandter Artikel finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage