javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > window.history.back()返回上一页有时候需要点击多次

解决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”

(下下策)

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文