html返回跳转前的状态,js怎么实现浏览器返回上一层,我们就能返回最后离开时候的状态!...

现在我有2个页面:页面A和页面B

页面B

Document

返回A页

function back() {

window.history.go(-1);

}

sessionStorage.setItem('info', 'true'); //值必须为字符串

页面A

Document

跳转到B页面

var flag = sessionStorage.getItem('info'); // IE不支持本地文件

if (flag === 'true') {

$('返回成功').appendTo('body'); //如果是从其他页面返回本页,添加提示

console.log('页面是从B页返回的');

sessionStorage.removeItem('info');

} else {

console.log('页面是新进入的');

}

流程:

1、从页面A进入页面B

2、页面B我们设置了一个info==='true'的sessionStorage

3、页面B通过按钮调用函数back()执行window.history.go(-1)返回了页面A

4、回到页面A后我们取得info并赋值给flag,判断flag==='true'就表示是从页面B返回的,并清除info的值,如果在页面A刷新,那么info已经被清除了,会输出:页面是新进入的。

5、如果一开始就直接打开页面A,此时没进入页面B,info也是不存在的,会输出:页面是新进入的

复制A和B页面的内容可自己测试- -

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值