开发过程中遇到需要主动刷新页面的需求,这里做一下整理,总结几种使用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>