Heim > Web-Frontend > js-Tutorial > Hauptteil

Eine vollständige Liste der Methoden zur Seitenaktualisierung von js

高洛峰
Freigeben: 2016-12-17 15:20:55
Original
1544 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 //Vorheriger Die URL der Seite

Verwenden Sie nicht „history.go(-1)“ oder „history.back();“, um zur Seite zurückzukehren und sie zu aktualisieren.
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 hinzu zu

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

<meta http-equiv="refresh" content="20;url=http://www.php.cn">
Nach dem Login kopieren
Unter ihnen springen 20 Finger 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>
Nach dem Login kopieren
4 , die Skriptanweisung des JS-Refresh-Frames

//刷新包含该框架的页面用   
<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
Wenn Sie eine Aktualisierung durchführen möchten, wenn das Fenster geschlossen oder geöffnet wird, rufen Sie einfach die folgende Anweisung in auf.

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>
Nach dem Login kopieren
1. Schauen wir uns zunächst ein einfaches Beispiel an:


Im Folgenden werden drei Seiten mit den Namen „frame.html“, „top.html“ und „bottom.html“ als Beispiel verwendet, um zu erklären, wie das geht Tun Sie dies.
frame.html besteht aus zwei Seiten: oben (top.html) und unten (bottom.html). Der Code lautet wie folgt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> frame </TITLE> 
</HEAD> 
<frameset rows="50%,50%"> 
<frame name=top src="top.html"> 
<frame name=bottom src="bottom.html"> 
</frameset> 
</HTML>
Nach dem Login kopieren
Nehmen Sie nun an, dass top.html (d. h. die Seite). oben) verfügt über sieben Schaltflächen zum Aktualisieren von „bottom.html“ (d. h. der Seite unten). Sie können die folgenden sieben Anweisungen verwenden. Es liegt an Ihnen, welche davon einfacher zu verwenden ist. Der Code der Seite

top.html lautet wie folgt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> top.html </TITLE> 
</HEAD> 
<BODY> 
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br> 
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br> 
<input type=button value="刷新3" onclick="window.parent.frames[&#39;bottom&#39;].location.reload()"><br> 
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br> 
<input type=button value="刷新5" onclick="window.parent.frames.item(&#39;bottom&#39;).location.reload()"><br> 
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br> 
<input type=button value="刷新7" onclick="window.parent[&#39;bottom&#39;].location.reload()"><br> 
</BODY> 
</HTML>
Nach dem Login kopieren
Das Folgende ist der Quellcode der Seite bottom.html. Um zu beweisen, dass die Seite unten tatsächlich aktualisiert wurde, Nach dem Laden der Seite wird ein Dialogfeld angezeigt.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> bottom.html </TITLE> 
</HEAD> 
<BODY onload="alert(&#39;我被加载了!&#39;)"> 
<h1>This is the content in bottom.html.</h1> 
</BODY> 
</HTML>
Nach dem Login kopieren
Erklären Sie:

1.window指代的是当前页面,例如对于此例它指的是top.html页面。 
2.parent指的是当前页面的父页面,也就是包含它的框架页面。例如对于此例它指的是framedemo.html。 
3.frames是window对象,是一个数组。代表着该框架内所有子页面。 
4.item是方法。返回数组里面的元素。 
5.如果子页面也是个框架页面,里面还是其它的子页面,那么上面的有些方法可能不行。 
附: 
Javascript刷新页面的几种方法: 
1 history.go(0) 
2 location.reload() 
3 location=location 
4 location.assign(location) 
5 document.execCommand(&#39;Refresh&#39;) 
6 window.navigate(location) 
7 location.replace(location) 
8 document.URL=location.href
Nach dem Login kopieren
2. Aktualisieren Sie die Seite automatisch: Fügen Sie den folgenden Code zum Bereich hinzu < meta http-equiv="refresh" content="20">

Die 20 bezieht sich auf die Aktualisierung der Seite alle 20 Sekunden
2 ; Bereich
Der 20. Finger springt nach 20 zu http://www Sekunden. jb51.net-Seite
3. Die Seite aktualisiert automatisch die js-Version


3. Wenn Sie Servler, Action und andere Programme in Java schreiben, möchten Sie zur Seite zurückkehren (z Wenn Sie das Fenster öffnen, schließen Sie nach Abschluss des Vorgangs die aktuelle Seite und aktualisieren Sie die übergeordnete Seite.

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

1 den Rahmen mit

1 PrintWriter out = response.getWriter(); 
2 out.write("<script type=\"text/javascript\">"); 
3 ////子窗口刷新父窗口 
4 out.write("self.opener.location.reload();"); 
5 //关闭窗口 
6 out.write("window.opener=null;"); 
7 out.write("window.close();"); 
8 out.write("</script>");
Nach dem Login kopieren

2. Das untergeordnete Fenster aktualisiert das übergeordnete Fenster

<script language=JavaScript> 
parent.location.reload(); 
</script>
Nach dem Login kopieren
3. So aktualisieren Sie die Seite eines anderen Rahmens (das obige Beispiel zeigt)

<script language=JavaScript> 
self.opener.location.reload(); 
</script>
Nach dem Login kopieren
4. Wenn Sie beim Schließen des Fensters aktualisieren möchten oder wenn Sie beim Öffnen des Fensters aktualisieren möchten, rufen Sie einfach die folgende Anweisung in auf.

Beim Öffnen des Fensters aktualisieren
语句1. window.parent.frames[1].location.reload(); 
语句2. window.parent.frames.bottom.location.reload(); 
语句3. window.parent.frames["bottom"].location.reload(); 
语句4. window.parent.frames.item(1).location.reload(); 
语句5. window.parent.frames.item(&#39;bottom&#39;).location.reload(); 
语句6. window.parent.bottom.location.reload(); 
语句7. window.parent[&#39;bottom&#39;].location.reload();
Nach dem Login kopieren
Aktualisieren





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


Weitere js-Aktualisierungsseitenmethoden und verwandte 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!