a連結刷新頁面與js刷新頁面用法-html教學-PHP中文網

a連結刷新頁面與js刷新頁面用法

不言

發布： 2018-06-05 10:48:36

原創

3045 人瀏覽過

刷新頁面通常是使用a連結與js刷新，至於兩者在使用中的區別，在接下來的文章中有詳細的介紹，感興趣的朋友可以了解下

1、a連結的使用操作：

複製程式碼

#程式碼如下:

<a href="javascript:history.go(-1);">返回上一页</a> 
<a href="#top">刷新当前页</a>

登入後複製

#top的效果在我這沒起作用，我直接寫的刷新當前頁倒是起作用了。

2.、JS怎麼刷新目前頁面

reload 方法，該方法強迫瀏覽器刷新目前頁面。
語法：location.reload([bForceGet])

參數： bForceGet，可選參數，預設為 false，從客戶端快取取目前頁面。 true, 則以GET 方式，從服務端取最新的頁面, 相當於客戶端點擊F5("刷新")

replace 方法，該方法通過指定URL替換當前緩存在歷史裡（客戶端）的項目，因此當使用replace方法之後，你不能通過“前進”和“後退”來訪問已經被替換的URL。
語法： location.replace(URL)

在實際應用的時候，重新刷新頁面的時候，我們通常使用： location.reload() 或是 history.go(0) 來做。因為這種做法就像是客戶端點F5刷新頁面，所以頁面的method="post"的時候，會出現"網頁過期"的提示。那是因為Session的安全保護機制。可以想到：當呼叫 location.reload() 方法的時候， aspx頁面此時在服務端記憶體裡已經存在，因此必定是 IsPostback 的。如果有這種應用：我們需要重新載入該頁面，也就是說我們期望頁面能夠在服務端重新被創建，我們期望是 Not IsPostback 的。這裡，location.replace() 就可以完成此任務。被replace的頁面每次都會在服務端重新產生。

你可以這麼寫：location.replace(location.href);

回傳頁面：

複製程式碼

程式碼如下:

location.replace(document.referrer); 
document.referrer //前一个页面的URL

登入後複製

不要用history.go(-1)，或history.back();來傳回並重新整理頁面，這兩種方法不會刷新頁面。

附：
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.頁面自動刷新：把如下程式碼加入區域中

其中20指每隔20秒刷新一次頁面.

2.頁面自動跳到：把如下碼加入區域中

其中20指隔20秒後跳到http://www.wyxg.com頁

3.頁面自動刷新js版

複製程式碼

#程式碼如下:

<script language="JavaScript"> 
function myrefresh() 
{ 
window.location.reload(); 
} 
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次 
</script>

登入後複製

JS刷新框架的腳本語句

複製程式碼

#程式碼如下：

//如何刷新包含该框架的页面用 
<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>

登入後複製

如果想關閉視窗時刷新或想開窗時刷新的話，在中呼叫以下語句即可。

複製程式碼

程式碼如下:

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

登入後複製

以上是a連結刷新頁面與js刷新頁面用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！