js刷新页面的几种方法

0次阅读

共计 698 个字符,预计需要花费 2 分钟才能阅读完成。

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

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); // 强制从服务器重新加载当前页面 

正文完
 0