Heim > Artikel > Web-Frontend > Eine vollständige Liste der Methoden zur Seitenaktualisierung von js
Eine vollständige Liste der Methoden zur Seitenaktualisierung von js
- 高洛峰Original
- 2016-12-17 15:20:551530Durchsuche
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
Methoden zum automatischen Aktualisieren der Seite:
1. Fügen Sie den folgenden Code hinzu zu eff5bcb7e45fc34d65ed94904018a1d0 hinzu >
<meta http-equiv="refresh" content="20;url=http://www.php.cn">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('myrefresh()',1000); //指定1秒刷新一次
</script>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>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. <body onload="opener.location.reload()"> 开窗时刷新 <body onUnload="opener.location.reload()"> 关闭时刷新 <script language="javascript"> window.opener.document.location.reload() </script>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>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['bottom'].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('bottom').location.reload()"><br> <input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br> <input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br> </BODY> </HTML>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('我被加载了！')"> <h1>This is the content in bottom.html.</h1> </BODY> </HTML>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('Refresh') 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href2. Aktualisieren Sie die Seite automatisch: Fügen Sie den folgenden Code zum Bereich 93f0f5c25f18dab9d176bd4f6de5d30e hinzu 01ed3dd82dca6684c1cbe359cda5aca6
Die 20 bezieht sich auf die Aktualisierung der Seite alle 20 Sekunden
2 ; Bereich
4df91b44ce0f15f71c3bd17bc54a455b 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('myrefresh()',1000); //指定1秒刷新一次
</script>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>");2. Das untergeordnete Fenster aktualisiert das übergeordnete Fenster
<script language=JavaScript> parent.location.reload(); </script>3. So aktualisieren Sie die Seite eines anderen Rahmens (das obige Beispiel zeigt)
<script language=JavaScript> self.opener.location.reload(); </script>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 6c04bd5ca3fcae76e30b72ad730ca86d auf.
a7a591df2625d01ed15b6b4328865a6d
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('bottom').location.reload(); 语句6. window.parent.bottom.location.reload(); 语句7. window.parent['bottom'].location.reload();fc87e241137c5c6656c7ddd89ab240df Aktualisieren
<script language="javascript"> window.opener.document.location.reload() </script>
Weitere js-Aktualisierungsseitenmethoden und verwandte Artikel finden Sie auf der chinesischen PHP-Website!