首頁 > 頭條 > 2018最全的js刷新目前頁面的程式碼範例

2018最全的js刷新目前頁面的程式碼範例

PHP中文网
發布: 2018-01-25 14:17:01
原創
3072 人瀏覽過

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

<meta http-equiv="refresh" content="20">
登入後複製

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

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

<meta http-equiv="refresh" content="20;url=http://www.jb51.net">
登入後複製


其中20指隔20秒後跳到http://www.php.cn頁面

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>
登入後複製

( 或刷新 )

##//如何刷新另一個框架的頁面用


<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>
登入後複製


#

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板