JavaScript多種頁面刷新方法小結(jié)
1,reload 方法
該方法強(qiáng)迫瀏覽器刷新當(dāng)前頁面。
語法:location.reload([bForceGet])
參數(shù): bForceGet, 可選參數(shù), 默認(rèn)為 false,從客戶端緩存里取當(dāng)前頁。true, 則以 GET 方式,從服務(wù)端取最新的頁面, 相當(dāng)于客戶端點(diǎn)擊 F5("刷新")
2,replace 方法
方法通過指定URL替換當(dāng)前緩存在歷史里(客戶端)的項(xiàng)目,因此當(dāng)使用replace方法之后,你不能通過“前進(jìn)”和“后退”來訪問已經(jīng)被替換的URL。
語法: location.replace(URL)
通常使用: location.reload() 或者是 history.go(0) 來做。
此方法類似客戶端點(diǎn)F5刷新頁面,所以頁面method="post"時(shí),會(huì)出現(xiàn)"網(wǎng)頁過期"的提示。 因?yàn)镾ession的安全保護(hù)機(jī)制。
當(dāng)調(diào)用 location.reload() 方法時(shí), aspx頁面此時(shí)在服務(wù)端內(nèi)存里已經(jīng)存在, 因此必定是 IsPostback 的。
如果有這種應(yīng)用: 需要重新加載該頁面,也就是說期望頁面能夠在服務(wù)端重新被創(chuàng)建,期望是 Not IsPostback 的。
這里,location.replace() 就可以完成此任務(wù)。被replace的頁面每次都在服務(wù)端重新生成。
代碼: location.replace(location.href);
返回并刷新頁面:
location.replace(document.referrer); document.referrer //前一個(gè)頁面的URL
不要用 history.go(-1),或 history.back();來返回并刷新頁面,這兩種方法不會(huì)刷新頁面。
附:Javascript刷新頁面的幾種方法:
history.go(0)
location.reload()
location=location
location.assign(location)
document.execCommand('Refresh')
window.navigate(location)
location.replace(location)
document.URL=location.href
自動(dòng)刷新頁面的方法:
1,頁面自動(dòng)刷新:把如下代碼加入<head>區(qū)域中
<meta http-equiv="refresh" content="20"> (其中20指每隔20秒刷新一次頁面.)
2,頁面自動(dòng)跳轉(zhuǎn):把如下代碼加入<head>區(qū)域中
<meta http-equiv="refresh" content="20;url=http://www.baidu.com"> (其中20指隔20秒后跳轉(zhuǎn)到http://www.baidu.comt頁面)
3,頁面自動(dòng)刷新js版
<script type="text/javascript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
4,JS刷新框架的腳本語句
//刷新包含該框架的頁面用 <script type="text/javascript"> parent.location.reload(); </script> //子窗口刷新父窗口 <script type="text/javascript"> self.opener.location.reload(); </script> ( 或 <a href="javascript:opener.location.reload()" rel="external nofollow" >刷新</a> ) //刷新另一個(gè)框架的頁面用 <script type="text/javascript"> parent.另一FrameID.location.reload(); </script>
如果想關(guān)閉窗口時(shí)刷新或想開窗時(shí)刷新,在<body>中調(diào)用以下語句即可。
<body onload="opener.location.reload()"> 開窗時(shí)刷新 <body onUnload="opener.location.reload()"> 關(guān)閉時(shí)刷新 <script> window.opener.document.location.reload() </script>
總結(jié)
以上所述是小編給大家介紹的JavaScript多種頁面刷新方法小結(jié),希望對(duì)大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
javascript實(shí)現(xiàn)簡易計(jì)算器
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)簡易計(jì)算器,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02
在JavaScript 中按字母排序之如何在 JS 中按名稱排序
有時(shí)你可能有一個(gè)單詞數(shù)組,你想按字母順序(從 a-z)對(duì)每個(gè)單詞進(jìn)行排序,或者你可能有一個(gè)包含用戶信息(包括名字)的對(duì)象數(shù)組,例如,你想按照用戶的名字來排序,接下來通過本文給大家介紹在JavaScript 中按字母排序之如何在 JS 中按名稱排序,需要的朋友可以參考下2023-09-09
原生JS實(shí)現(xiàn)左右箭頭選擇日期實(shí)例代碼
原生JS 左右箭頭選擇日期,就是用左右尖括號(hào)可改變中間日期的值,代碼簡單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-03-03
Javascript實(shí)現(xiàn)鼠標(biāo)框選操作 不是點(diǎn)擊選取
這篇文章主要介紹了Javascript實(shí)現(xiàn)鼠標(biāo)框選操作,不是點(diǎn)擊選取,利用鼠標(biāo)進(jìn)行框選,感興趣的小伙伴們可以參考一下2016-04-04
JS獲取CSS樣式(style/getComputedStyle/currentStyle)
這篇文章主要為大家介紹了JS獲取CSS樣式的方法,介紹了CSS樣式的三種分類情況,對(duì)獲取樣式做一個(gè)簡單的封裝,感興趣的小伙伴們可以參考一下2016-01-01
JS前端開發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作(小結(jié))
這篇文章主要介紹了JS前端開發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02

