背景:原生html、原生js
问题:使用 history.back() 返回到上一个网页时,上一个网页中初始化一个下拉框为第二项,但是网页上渲染的是第一次进入网页选择的项。
测试:使用debugger测试,发现初始化下拉框选中第二项生效了,但是之后又被覆盖了,感觉是浏览器缓存的数据在网页执行完毕之后进行了覆盖。
我在初始化时使用定时器设置500毫秒发现可以实现。
想问问大家这其中的原理,以及如何解决这类问题,感谢大家。
问题已经解决了,感谢大家的讨论。
我遇到的主要问题是回退上一页是本身是想读取浏览器缓存的表单数据的,但是在谷歌浏览器中,我测试结果是先执行了js脚本,浏览器最后才渲染上缓存的值,导致js读到的值错误。
目前的解决办法是,提交前session存储执行表单的值,不等待使用浏览器缓存的值。
这跟浏览器的设置有关系
有的浏览器会直接使用缓存,把最后一次访问的页面显示出来
而有的会使用最后一次访问的url重新get提交
原因:在原生html和js中,当网页执行完成后,网页的状态会被浏览器缓存。所以在使用history.back()返回到上一个网页时,会直接加载缓存中的网页数据,并不会再次执行该网页的脚本,因此你初始化的操作不会生效。
解决方案:
在每次加载网页前清除浏览器缓存,从而使得每次加载网页都会再次执行该网页的脚本。
在加载完网页后使用定时器等机制将初始化操作放到指定时间进行。
设置禁用浏览器缓存,使每次加载网页都会重新请求,从而再次执行该网页的脚本。
注:使用第三种解决方案可能会影响网页的加载速度,因此并不是每一种情况都适用该方案。