解决window.history.back()返回上一页有时候需要点击多次问题

 更新时间:2024年03月13日 10:50:50   作者:浪花—朵朵  
这篇文章主要介绍了解决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”

(下下策)

总结

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

相关文章

  • 一文掌握new Date() 方法

    一文掌握new Date() 方法

    大家平时在开发的时候有没被new Date()折磨过,反正我是踩过很多坑,今天小编通过本文给大家详细讲解下new date()方法应用思考,感兴趣的朋友一起看看吧
    2023-04-04
  • 原生js实现计算购物车总金额的示例

    原生js实现计算购物车总金额的示例

    本文主要介绍了原生js实现计算购物车总金额的示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • JS面试必备之手写call/apply/bind/new

    JS面试必备之手写call/apply/bind/new

    在JavaScript中,call、apply、bind、new是Function对象自带的三个方法,也是面试时常考的知识点,所以本文就来和大家讲讲如何手写实现这四个方法吧
    2023-05-05
  • 详解JS内存空间

    详解JS内存空间

    因为JavaScript具有自动垃圾回收机制,所以对于前端开发来说,内存空间并不是一个经常被提及的概念。特别是很多不是计算机专业的朋友在进入到前端之后,会对内存空间的认知比较模糊,甚至有些人干脆就是一无所知。为了解决大家的疑惑,本文将详细介绍JS内存空间
    2021-06-06
  • js实现鼠标悬浮框效果

    js实现鼠标悬浮框效果

    这篇文章主要为大家详细介绍了js实现鼠标悬浮框效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • uni-app路由配置文件pages.json平台化拆分

    uni-app路由配置文件pages.json平台化拆分

    这篇文章主要为大家介绍了uni-app路由配置文件pages.json平台化拆分示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 详解JS如何实现文字溢出时用省略号...显示

    详解JS如何实现文字溢出时用省略号...显示

    这篇文章主要为大家详细介绍了JavaScript如何实现当文本内容过长时,中间显示省略号...,两端正常展示,有需要的小伙伴可以跟随小编一起学习一下
    2024-02-02
  • html+css+js实现别踩白板小游戏

    html+css+js实现别踩白板小游戏

    大家好,本篇文章主要的讲的是html+css+js实现别踩白板小游戏,感兴趣的同学赶快来看一看吧,觉得不错的话可以收藏一下哦,方便下次浏览
    2021-11-11
  • js实现无缝滚动图(可控制当前滚动的方向)

    js实现无缝滚动图(可控制当前滚动的方向)

    本文主要分享了js实现无缝滚动图的示例代码,这个版本可以控制左右滚动,鼠标点击对应的广告会自动滑动把广告完全展示出来,当鼠标离开,接着继续滚动。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 学习并汇集javascript匿名函数

    学习并汇集javascript匿名函数

    接触jQuery很长时间了,对其的实现有太多疑问,可谓只知道皮毛,对其的精髓一窍不通,可悲啊!所以有必要研究下其中的原理。
    2010-11-11

最新评论