在做一个检索项目中,由于要为后台的某些变量赋值,而采用js创建/删除隐藏域的方式。本来一切顺风顺水,可没想到用户按一次提交然后再按一次后退键,然后再次点击提交时,问题出现了...
在点击后退按钮之后,上个页面中根据用户操作使用js动态删除/新增的隐藏域不见了,为属性赋的值也消失了,可是checkbox的选择状态却保存了下了【就不明白为什么不连这个状态也一起回退呢】。刚开始百思不得其解,在狂搜N小时之后,准备放弃,但无意中查看了一下源代码,竟然发现隐藏域不见了,属性赋值也消失了,于是又反复测试确认了几次,终于发现了这个问题。狂汗啊!
根本原因:浏览器后退的根据是历史记录,而js进行的添加、删除元素/属性,是不会记录到浏览器历史的。因此后退之后所有js的操作都没有被恢复。