都是"后退"惹得祸-------关于浏览器"后退"在项目中引发的惨剧

在做一个检索项目中,由于要为后台的某些变量赋值,而采用js创建/删除隐藏域的方式。本来一切顺风顺水,可没想到用户按一次提交然后再按一次后退键,然后再次点击提交时,问题出现了...



在点击后退按钮之后,上个页面中根据用户操作使用js动态删除/新增的隐藏域不见了,为属性赋的值也消失了可是checkbox的选择状态却保存了下了【就不明白为什么不连这个状态也一起回退呢】。刚开始百思不得其解,在狂搜N小时之后,准备放弃,但无意中查看了一下源代码,竟然发现隐藏域不见了,属性赋值也消失了,于是又反复测试确认了几次,终于发现了这个问题。狂汗啊!



根本原因:浏览器后退的根据是历史记录,而js进行的添加、删除元素/属性,是不会记录到浏览器历史的。因此后退之后所有js的操作都没有被恢复。

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值