在前端开发过程中,我们经常需要通过刷新当前的页面来实现某些功能,一起来了解下前端刷新页面有哪些方式呢?

javascript刷新页面的几种方法 js如何刷新页面_当前页

reload刷新法

reload方法,用来强制浏览器刷新当前页面。
语法:

loaction.reload([bForceGet])

参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)

replace刷新法

replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。
语法:

location.replace(URL)

自动刷新页面

  1. 页面自动刷新:把如下代码加入区域中
<meta http-equiv="refresh" content="20">
  1. 页面自动跳转:把如下代码加入区域中
<meta http-equiv="refresh" content="20;url=//www.renxiaoyuan.top">
  1. 页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
   window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>

总结

history.back();     // 等同于点击浏览器的回退按钮
history.go(-1);     //等同于history.back();
window.location.reload(true); //强制从服务器重新加载当前页面