【记录问题】移动端页面后退的问题

301 阅读1分钟

最近在做移动端,有一些小的问题需要优化下。
移动端的导航都会设后退按钮,比如下图

但是在操作中,会出现登录跳转到前一页的过程,如果再点击后退的话,就可能会跳到登录页,所以需要进一步优化

1、对页面的历史记录进行判断
访问前一个页面的url地址

document.referrer

2、根据url进行判断,如果是对应登录页地址,后退2页

if(/\login/test(document.referrer)){
    history.go(-2)
}else{
    history.go(-1)
}

WHY?
一开始自己出现错误,把history.go(-2)写成了history.back(-2),没有效果
原因:
history.back()只能后退一页,相当于history.go(-1)
histor.back()括号中不添加任何数字


参考文献:
1、developer.mozilla.org/en-US/docs/…
2、www.zhangxinxu.com/wordpress/2…
3、还有个,页面链接跳转历史URL不记录的问题,以备不时之需
www.zhangxinxu.com/wordpress/2…