解决window.history.back()返回上一页有时候需要点击多次问题
更新时间：2024年03月13日 10:50:50 作者：浪花—朵朵
这篇文章主要介绍了解决window.history.back()返回上一页有时候需要点击多次问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
window.history.back()返回上一页有时候需要点击多次
遇到两个小问题记录一下
window.history.back() 返回上一页 有时候需要点击多次，这是为什么呢？
原来Windows下的window.history.back()后退后返回的不只是前一个页而是前一个页的状态。如果一个页我修改了3次那必须后退3次才能回到前一个页。
怎么处理这种情况呢，我在网上找了下，并没有特别契合我现在的情况的，无非就是 让我写具体的跳转地址，但凡我能知道具体地址，我还用纠结嘛。。
最终经过各种测试 实操有效的代码来了，
下面展示一些 内联代码片。
history.back();location.reload(); window.history.back()
这个也就意味着 先刷新页面清除状态，再进行返回上一页，完美解决！
这个就是随笔写上的，因为好久之前用过这个，没想到，隔了两三年没用，给忘记了，费了好一番功夫才查到，尴尬了也是
// 先是变量名字
data() return {
value1: 'a',
value2: 'b',
value3: 'c'
}
//那么怎么循环给他们赋值呢 就是这样咯
this['value'+i] = value;
window.history.back(); 缓存返回上级页面不刷新数据
我们经常会做完一个操作之后返回上一个页面（比如新增完一条记录）
然后我们希望返回上一个页面的时候就自动刷新他。
但是由于JS的缓存机制
导致我们的数据还是从前一次里面取的（他的初衷是希望你更快，更省资源）
但是和我们的需求不同
如图：
探索
从网上找的一些资料：
在window.history.back(); 后面加location.reload();
window.history.go(-1);window.location.reload()
均无终而返
解决
window.location.replace(document.referrer)
window.location.href=“上一个页面URL”
（下下策）
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持程序员之家。
相关文章
使用纯前端JavaScript实现Excel导入导出方法过程详解
这篇文章主要介绍了使用纯前端JavaScript实现Excel导入导出方法过程详解，文章通过示例代码和图文解析介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
这篇文章主要介绍了js鼠标点击图片实现随机变换图片的方法,涉及鼠标事件与随机函数的使用技巧,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了JS使用ajax从xml文件动态获取数据显示的方法,实例分析了javascript使用Ajax技术操作XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了三步实现ionic3点击退出app程序，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
本文给大家分享nodejs创建web服务器之hello world程序，node真的很好用，不仅用v8引擎来解析了javascript外，还提供了高度优化的应用库，真的很好，有需要的朋友一起来学习吧2015-08-08
本博客没有华丽的布局,只求朴实的js的代码,只为js代码爱好者提供,一周大概会出1-2篇js前沿代码的文章.只是代码,不说技术2011-12-12
JavaScript写的炫光波动效果,看到一些Flash效果不错,用JS也模拟一下,还有很多不完善的地方,给各位参考参考。2015-05-05
其实这个效果不是什么难实现的效果，关键注意几个地方就可以了2011-04-04
uni-app的页面跳转和小程序和vue很相似,只是方法和标签有所不同,这篇文章主要给大家介绍了关于uni-app常用的几种页面跳转方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
位运算是在数字底层(即表示数字的 32 个数位)进行运算的,下面这篇文章主要给大家介绍了关于JavaScript中7种位运算符在实战的妙用,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
最新评论