window.history.back()、window.history.go()返回上一页强制刷新

最新推荐文章于 2024-06-19 08:30:00 发布
最新推荐文章于 2024-06-19 08:30:00 发布
阅读量3.4k 收藏 2
点赞数
文章标签： golang javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30997503/article/details/121997136
版权

通过history方法返回上一页时，返回的页面并不会刷新，这就造成了上一页的数据未及时更新，所以有时需要做刷新处理，如下

# 如果检测到页面是从“往返缓存”中读取的，刷新页面
window.addEventListener('pageshow', function(e) {
	if (e.persisted) {
     	window.location.reload()
 	}
})
江湖yi山人
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
[removed]history.go()和History.back()的区别及应用
01-19
input type=button value=前进 onclick=”window.history.go(1)”> <input type=button value=后退 onclick=”window.history.go(-1)”> <input type=button value=前进 onclick=”window.history....
js判断当页面无法回退时关闭网页否则就history.go(-1)
12-03
在做一个Web项目时遇到一个需求，当页面没有前驱历史记录时（就是当前为新弹出的页面，没法做goback操作即history.go(-1)），点击返回按钮时直接关闭页面，否则就退回到前一页。 遇到的问题就是如何判断 是否有...
window.history.go()和history.back()以及location.reload()的用法以及不同
xiaoma19941027的博客
11-04 1802
window.history.go(-1);   返回上一页, 原页面表单中的内容会丢失; window.history.back(-1);  返回上一页, 原页面表单中的内容会保留. 以下为举例： <input type="button" value="刷新" οncli...
window.history.back(); 缓存 返回上级页面不刷新数据
热门推荐
cuandeqin2083的博客
03-18 1万+
问题 我们经常会做完一个操作之后返回上一个页面（比如新增完一条记录） 然后我们希望返回上一个页面的时候就自动刷新他。 但是由于JS的缓存机制 导致我们的数据还是从前一次里面取的（他的初衷是希望你更快，更省资源） 但是和我们的需求不同 如图： 探索 从网上找的一些资料： 在window.history.back(); 后面加location.reload(); win...
window.history()方法总结
最新发布
聚娃科技开发者博客
06-19 258
大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！
关于window.history.back()后退问题
WINDBELL
08-05 4872
       最近工作的时候发现Windows下的window.history.back()后退后返回的不只是前一个页而是前一个页的状态。如果一个页我修改了3次那必须后退3次才能回到前一个页。而且数据库中删除的数据依然显示在上面感觉非常的不实用。       解决办法：history.back()后再加一个reload()这样就可以回到刷新后的页面了        即：history.ba
window.history.go的使用
谷哥的小弟
05-13 2603
window.history.go的常见方法使用
javascript:history.go()和History.back()的区别(转载)
weixin_30342827的博客
01-12 569
转自：http://www.mikebai.com/Article/2009-11/757.html <input type=button value=刷新 onclick="window.location.reload()"><input type=button value=前进 onclick="window.history.go(1)"><input type...
解析window.history.go()和history.back()的妙用技巧
聚娃科技开发者博客
01-11 711
该API提供了更多高级的历史记录管理功能，我们将介绍如何结合HTML5 History API使用window.history.go()和history.back()，以满足更复杂的需求。本文将详细解释为何我们需要深入了解window.history.go()和history.back()，以及它们在前端项目中的实际应用。接下来，我们将解析history.back()方法。通过实际案例，我们将展示如何结合window.history.go()和history.back()，更好地实现前端路由的导航控制。
js 返回上一页和刷新 的代码
09-28
2. history.back()：返回上一页，效果同上。 3. window.history.forward()：返回下一页，相当于浏览器的前进按钮。 4. window.history.go(n)：返回指定的页面，n为要返回的页面编号。 例如：<a href="javascript:...
js返回上一页并刷新的多种实现方法
10-26
3. `history.back()`：这个方法与`history.go(-1)`类似，也是返回上一页，同样需要结合`reload()`来刷新页面。 ```javascript <a href="javascript:" onclick="history.back(); location.reload()">返回上一页并...
JS实现返回上一页并刷新页面的方法分析
10-16
首先，我们注意到在通常情况下，调用`history.back()`或`history.go(-1)`方法会返回上一个浏览的历史记录，但不会重新加载页面。在Android和PC浏览器中，虽然看起来页面似乎刷新了，但实际上，浏览器是从缓存中加载...
history详解
qiyuancoder的博客
11-15 2409
history 对象包含用户在浏览器中访问过的页面的URL，自带的属性和方法如下： history.length 历史页面的URL数量，最小为1，最大为，即只能存50个历史页面记录。 history.back()、history.forward()、history.go() 分别表示跳转至上一个页面、下一个页面、指定的上下某个页面，history.go(-1) 等同于 history.back()，history.go(1) 等同于 history.forward()，history.go(0) 等同于当前
深度解析window.history.go()和history.back()
技术研究中心
01-18 1071
在前端开发中，和是两个用于操作浏览器历史记录的方法。它们提供了在浏览历史中前进和后退的能力，从而实现更加灵活的页面导航。通过本文的介绍，我们深入了解了前端开发中两个非常有用的历史记录管理方法——和。它们不仅可以用于简单的页面导航，还可以在实际应用中发挥更多的妙用。
history对象，当前url添加参数且不刷新页面
m0_64562972的博客
04-08 2174
history对象，当前url添加参数且不刷新页面
vue监听浏览器返回
田品吕口的博客
10-15 3671
1、监听返回 大家知道在页面中我们可以使用javascript window history，后退到前面页面，但是由于安全原因javascript不允许修改history里已有的url链接，但可以使用pushState方法往history里增加url链接，并且提供popstate事件监测从history栈里弹出url。既然有提供popstate事件监测，那么我们就可以进行监听。 ```javas...
JS window对象 返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。 语法： window.history.back();...
weixin_30216561的博客
06-16 625
返回前一个浏览的页面 back()方法，加载 history 列表中的前一个 URL。 语法： window.history.back(); 比如，返回前一个浏览的页面，代码如下： window.history.back(); 注意：等同于点击浏览器的倒退按钮。 back()相当于go(-1),代码如下: window.h...
返回上一页并自动刷新的方法JavaScript
d846674104的专栏
02-18 1382
用JavaScript一般的使用history.go(-1)和history.back()等 但返回的是页面还是缓存中的数据，更新的数据不能马上呈现出来 这里只要使用一句简单的一条javascript语句就能实行,返回上一页并刷新页面 location.href = document.referrer;//重新载入上一页
window.history.go(-1)；后退不刷新问题 移动端
TwoBE9876的博客
02-25 1448
本文主要解决移动端用返回键后滚动条自动置顶（我是这个问题，可能是用了layer的流加载原因，导致返回后自动置顶）或者不刷新问题。解决方法：（其实就是把上面刷新那行改成操作滚动条，需要事先保存滚动条位置）
window.history.back(); window.history.forward();
06-09
其中，`window.history.back()`会让浏览器返回到上一个历史记录，相当于用户点击了浏览器的“后退”按钮；而`window.history.forward()`则会让浏览器前进到下一个历史记录，相当于用户点击了浏览器的“前进”按钮。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值