解决window.history.back()返回上一页有时候需要点击多次问题
作者:浪花—朵朵
这篇文章主要介绍了解决window.history.back()返回上一页有时候需要点击多次问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
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”
(下下策)
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。