【JS】页面刷新方法总结

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

参考资料:

推荐阅读更多精彩内容

  • 1,reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]...
    孤岛渔夫阅读 11,750评论 0 6
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 122,085评论 17 134
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 7,330评论 4 39
  • 10表示间隔10秒刷新一次 window.location.reload(true); 如果是你要刷新某一个ifr...
    自由加咖啡阅读 4,438评论 0 2
  • 今天周二,晴天,
    三堡柱子阅读 58评论 0 0