Heim > Artikel > Das umfassendste js-Codebeispiel zum Aktualisieren der aktuellen Seite im Jahr 2018

Das umfassendste js-Codebeispiel zum Aktualisieren der aktuellen Seite im Jahr 2018

PHP中文网Original: 2018-01-25 14:17:013012Durchsuche

//reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 
//参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。
//true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")
//replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。语法： 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 auf F5 klickt, 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 //前一个页面的URL

Verwenden Sie nicht „history.go(-1)“ oder „history“. .back() ; um die Seite zurückzugeben und zu aktualisieren, aktualisieren diese beiden Methoden 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(&#39;Refresh&#39;)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

Methoden zum automatischen Aktualisieren der Seite:

1. Automatische Aktualisierung der Seite: Hinzufügen Der folgende Code 93f0f5c25f18dab9d176bd4f6de5d30eIm Bereich

<meta http-equiv="refresh" content="20">

aktualisieren 20 davon die Seite alle 20 Sekunden.

2. Die Seite springt automatisch: hinzufügen Der folgende Code für < ;head> Im Bereich

<meta http-equiv="refresh" content="20;url=http://www.jb51.net">

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>

JS-Frame-Skriptanweisung zum Aktualisieren

//So aktualisieren Sie die Seite, die den Frame enthält, mit

<script language=JavaScript>
 parent.location.reload();
</script>

/ /Das untergeordnete Fenster aktualisiert das übergeordnete Fenster

<script language=JavaScript>
 self.opener.location.reload();
</script>

(oder2ad893035fce867c8230ae9d7e0a6f55refresh4a11e5928b3688cf38c9163b657eb5ac )

//So aktualisieren Sie die Seite eines anderen Frames mit

<script language=JavaScript>
 parent.另一FrameID.location.reload();
</script>

Wenn Sie aktualisieren möchten, wenn das Fenster geschlossen ist oder wenn das Fenster geschlossen ist Öffnen Sie die folgende Anweisung in 6c04bd5ca3fcae76e30b72ad730ca86d

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

php JavaScript Session JS location history href http

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

Vorheriger Artikel：JS-Methoden zum Abfangen und Aufteilen von Zeichenfolgen: Der Unterschied zwischen Teilzeichenfolge, Teilzeichenfolge und SliceNächster Artikel：JS-Methoden zum Abfangen und Aufteilen von Zeichenfolgen: Der Unterschied zwischen Teilzeichenfolge, Teilzeichenfolge und Slice

In Verbindung stehende Artikel

Mehr sehen