Heim > Web-Frontend > js-Tutorial > Hauptteil

js-Methode zum Aktualisieren der Seite

不言
Freigeben: 2018-03-31 16:55:54
Original
1993 Leute haben es durchsucht

In diesem Artikel werden verschiedene Methoden zum Aktualisieren der aktuellen Seite mithilfe von js vorgestellt, einschließlich der Neulademethode, der Ersetzungsmethode, der automatischen Aktualisierungsmethode usw. Freunde in Not können darauf verweisen

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 ersetzt Verlauf durch Angabe der URL (clientseitig) des Projekts, 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“ angezeigt wird, 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 //Die URL der vorherigen 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:


Kopieren Sie den Code Der Code lautet wie folgt:

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

So aktualisieren Sie die Seite automatisch:
1. Fügen Sie den folgenden Code zum Bereich hinzu 🎜>


Code kopieren

Der Code lautet wie folgt:

Die 20 Finger aktualisieren die Seite alle 20 Sekunden.
<meta http-equiv="refresh" content="20">
Nach dem Login kopieren

2, die Seite springt automatisch: Fügen Sie den folgenden Code zum Bereich hinzu


Kopieren Sie den Code

Der Code ist wie folgt:

Davon 20 Bezieht sich auf das Springen zur Seite http://www.jb51.net
<meta http-equiv="refresh" content="20;url=http://www.jb51.net">
Nach dem Login kopieren

3 nach 20 Sekunden, und die Seite aktualisiert die js automatisch Version


Code kopieren

Der Code lautet wie folgt:

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


Kopieren Sie den Code

Der Code lautet wie folgt:

Wenn Sie wann aktualisieren möchten Wenn das Fenster geschlossen ist oder Sie beim Öffnen des Fensters eine Aktualisierung durchführen möchten, 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


Code kopieren

Der Code lautet wie folgt:

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>
Nach dem Login kopieren

1 Zuerst ein einfaches Beispiel:

Im Folgenden werden drei Seiten mit den Namen „frame.html“, „top.html“ und „bottom.html“ als Beispiel verwendet, um die Vorgehensweise zu erläutern.
frame.html besteht aus zwei Seiten: oben (top.html) und unten (bottom.html). Der Code lautet wie folgt:


Code kopieren

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
Angenommen, top.html (d. h. die Seite oben) verfügt über sieben Schaltflächen zum Aktualisieren von bottom.html (d. h. die Seite unten). Sie können die folgenden sieben Anweisungen verwenden . Welches ist für Sie einfacher zu verwenden? Der Code der Seite

top.html lautet wie folgt:


Kopieren Sie den Code

Der Code 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, wird nach dem Laden der Seite ein Dialogfeld angezeigt.



Code kopieren

Der Code lautet wie folgt:

<!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ärung:



Kopieren Code

Der Code lautet wie folgt:


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


二、自动刷新页面
1.页面自动刷新:把如下代码加入区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转:把如下代码加入区域中
<meta http-equiv="refresh" content="20;url=http://www.jb51.net">
其中20指隔20秒后跳转到http://www.jb51.net页面
3.页面自动刷新js版


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


三、java在写Servler,Action等程序时,要操作返回页面的话(如谈出了窗口,操作完成以后,关闭当前页面,刷新父页面)

复制代码 代码如下:

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

四、JS刷新框架的脚本语句
1.如何刷新包含该框架的页面用

复制代码 代码如下:

<script language=JavaScript> 
parent.location.reload(); 
</script>
Nach dem Login kopieren


2.子窗口刷新父窗口

复制代码 代码如下:

<script language=JavaScript> 
self.opener.location.reload(); 
</script>
Nach dem Login kopieren

3.如何刷新另一个框架的页面用 (上面的实例以说明了)

复制代码 代码如下:

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

4.如果想关闭窗口时刷新或者想开窗时刷新的话,在中调用以下语句即可。

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

复制代码 代码如下:

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

相关推荐:

js刷新页面方法大全

Das obige ist der detaillierte Inhalt vonjs-Methode zum Aktualisieren der Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen 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