美文网首页
页面刷新方法总结

页面刷新方法总结

作者: EldonZhao | 来源:发表于2017-06-11 14:15 被阅读142次

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

参考资料:

相关文章

网友评论

      本文标题:页面刷新方法总结

      本文链接:https://www.haomeiwen.com/subject/axqwfxtx.html