Firefox的input缓存

开发过程当中遇到了一个很诡异的问题:有一个<input class="otherId" type="hidden"/>元素,后端vm模板通过加载数据生成页面后,出现了input域的value值与后台数据不一致的情况。

通过查看生成页面的源代码,可以看到html代码里的值是对的,但通过firebug在页面中查看就会发现value是错误的,诡异的是ctrl+ F5强制刷新,以及把type改为"text"都能让value变回正确值。

一开始怀疑是js在加载页面时修改了value值,但考虑到普通刷新和强制刷新对js的调用没有影响,同时在删除js代码后错误情况依然存在,故排除了js出错的可能性。

之后换做在chrome下试验,不再出现以上情况。

开始怀疑是firefox的缓存问题,在网上查过之后,发现确实有人有相似的问题,如下:
http://forums.mozillazine.org/viewtopic.php?f=25&t=1787115
http://stackoverflow.com/questions/5319678/javascript-and-defaultvalue-of-hidden-input-elements

进一步搜索“firefox input 缓存”找到了下面的应对方法:http://www.mayax.net/article/program/331.htm

为input元素添加属性autocomplete="off"
<input class="otherId" autocomplete="off" type="hidden">
阻止火狐对input元素的缓存,问题解决。。。

不过对火狐的缓存机制还不是很明白,至于为什么改成type="text"不会出错,可能是因为火狐的缓存是针对不同type类型的,之前缓存的是type="hidden"的值,自然不会应用到text上,故显示的是从后台即时加载的值,而非缓存。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值