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

本文探讨了JavaScript在创建和删除隐藏域时遇到的问题,即后退操作导致的DOM变化未被恢复的情况,解释了其根本原因,并提供了深入分析。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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



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



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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值