開發過程中遇到需要主動刷新頁面的需求,這里做一下整理,總結幾種使用js刷新頁面的方法。
一、reload:
使用reload
強迫刷新頁面,語法為:
location.reload([bForceGet])
其中bForceGet為可以選參數,默認為false,表示從客戶端緩存里面取當前頁;true則表示一GET
方式從服務端取最新的頁面,相當于客戶端點擊F5
。
二、replace:
該方法通過指定URL替換當前緩存在客戶端歷史里的項目,因此當使用replace
方法后,不能通過“前進”和“后退”來訪問已經被替換的URL。語法為:
location.replace(document.referer)
不要用history.go(-1)
或者history.back()
來返回并刷新頁面,這兩種方法并不會刷新頁面。
三、自動刷新頁面的方法:
- html實現:
<meta http-equiv="refresh" content="20">
<!-- 每隔20秒刷新一次頁面 -->
- javascript實現:
<script language="JavaScript">
function refresh()
{
window.location.reload();
}
setTimeOut('refresh', 1000);//1秒刷新一次
</script>