JS后退刷新JS后退页面

本文比较了JavaScript中的history.back()和history.go()方法,解释了它们的区别,如回退和前进页面的行为以及在处理表单提交和浏览器缓存中的差异。同时提到了特殊情况,如新窗口打开的页面对这两种方法的影响。
摘要由CSDN通过智能技术生成

一、history.back() 和 history.go(-1)

1、history.back() 和 history.go(-1) 都是返回之前页面,但是方法不同,所以是有区别的: 2、history.back(-1) //直接返回当前页的上一页,数据全部消息,是个新页面

3、history.go(-1) //也是返回当前页的上一页,不过表单里的数据全部还在

二、history.go

当前的url下标为0,所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面,也就是之前刚刚访问的页面。 

//返回上一页: window.history.go(-1);

//返回两个页面: window.history.go(-2);

三、history.back()

history.back() 是在浏览器缓存中读取数据,后退到上一页保持原状态。但是如果上一页刚提交了什么东西,有弹框提示的话,那么在返回的时候,弹框会再次显示。

遇到一种情况:上一页面跳转到达本页面,本页面有空白页面弹框展示及提交等操作,window.history.back() 会展示除弹框外的空白页面,

js方法解决:

可以将 window.history.back() 替换为

在大多数情况下,可以理解为返回上一页并刷新。 

四、总结 

 刷新页面: window.location.reload() window.location.href="" 返回上一页: ) window.history.back() window.location.replace(document.referrer)

前进:window.history.go(1) window.history.forward()

注:如果没效果,可能是上一页跳转时超链接上加了target="_blank"标签,即从第一个页面点击进入第二个页面时,是以新窗口的方式打开的.,所以 window.history.back() 读取上一个历史页面时读取不到,即上一页为空,所以没法返回上一页。 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

耀南.

你的鼓励将是我最最最最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值