Firefox的input缓存
2014-12-17 11:18
267 查看
原文:http://loveslikey.iteye.com/blog/1399053
开发过程当中遇到了一个很诡异的问题:有一个<input class="otherId" type="hidden"/>元素,服务器生成页面后,出现了input域的value值与后台数据不一致的情况,而且跟上次页面的值一样。
通过查看生成页面的源代码,可以看到html代码里的值是对的,但通过firebug在页面中查看就会发现value是错误的,诡异的是ctrl+ F5强制刷新,以及把type改为"text"都能让value变回正确值。
一开始怀疑是js在加载页面时修改了value值,但考虑到普通刷新和强制刷新对js的调用没有影响,同时在删除js代码后错误情况依然存在,故排除了js出错的可能性。
之后换做在chrome下试验,不再出现以上情况。
如果用火狐浏览器,在网页上用<input taype="hidden" value="xxx">的方式来存储一些变量,值被改变后,按下F5刷新网页,input的值会被Firefox自动还原到刷新前的状态,所以某 些时候,一些基于这些值进行的JS事件就无法被初始化,显示悲剧了。
如果你想让Firefox没有这么智能,不缓存你的input的值的话,需要进行如下修改:
Html代码
![](http://loveslikey.iteye.com/images/icon_star.png)
<form>
<input autocomplete="off" type="text" /><br/>
<input autocomplete="off" type="text" /><br/>
<input autocomplete="off" type="text" /><br/>
<input autocomplete="off" type="text" /><br/>
</form>
以上代码,给每一个input加上一个 autoconplete="off" 的属性,这样,就能阻止Firefox的默认缓存机制了。刷新之后,这些input的值都初始化。
还有一个写法,可以把全个表单中所有input都设置为不缓存的
Html代码
![](http://loveslikey.iteye.com/images/icon_star.png)
<form autocomplete="off">
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
</form>
其他几种禁止浏览器缓存页面的方法:
1. 在要禁止缓存的页面<head>中加以下脚本:
Html代码
![](http://loveslikey.iteye.com/images/icon_star.png)
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
2.在要禁止缓存的页面<head>中加以下脚本:
Html代码
![](http://loveslikey.iteye.com/images/icon_star.png)
<%
response.setHeader("Cache-Control","no-cache");
response.setHeader("Pragma","no-cache");
response.setDateHeader ("Expires", 0);
%>
开发过程当中遇到了一个很诡异的问题:有一个<input class="otherId" type="hidden"/>元素,服务器生成页面后,出现了input域的value值与后台数据不一致的情况,而且跟上次页面的值一样。
通过查看生成页面的源代码,可以看到html代码里的值是对的,但通过firebug在页面中查看就会发现value是错误的,诡异的是ctrl+ F5强制刷新,以及把type改为"text"都能让value变回正确值。
一开始怀疑是js在加载页面时修改了value值,但考虑到普通刷新和强制刷新对js的调用没有影响,同时在删除js代码后错误情况依然存在,故排除了js出错的可能性。
之后换做在chrome下试验,不再出现以上情况。
如果用火狐浏览器,在网页上用<input taype="hidden" value="xxx">的方式来存储一些变量,值被改变后,按下F5刷新网页,input的值会被Firefox自动还原到刷新前的状态,所以某 些时候,一些基于这些值进行的JS事件就无法被初始化,显示悲剧了。
如果你想让Firefox没有这么智能,不缓存你的input的值的话,需要进行如下修改:
Html代码
![](http://loveslikey.iteye.com/images/icon_star.png)
<form>
<input autocomplete="off" type="text" /><br/>
<input autocomplete="off" type="text" /><br/>
<input autocomplete="off" type="text" /><br/>
<input autocomplete="off" type="text" /><br/>
</form>
以上代码,给每一个input加上一个 autoconplete="off" 的属性,这样,就能阻止Firefox的默认缓存机制了。刷新之后,这些input的值都初始化。
还有一个写法,可以把全个表单中所有input都设置为不缓存的
Html代码
![](http://loveslikey.iteye.com/images/icon_star.png)
<form autocomplete="off">
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
<input type="text" /><br />
</form>
其他几种禁止浏览器缓存页面的方法:
1. 在要禁止缓存的页面<head>中加以下脚本:
Html代码
![](http://loveslikey.iteye.com/images/icon_star.png)
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
2.在要禁止缓存的页面<head>中加以下脚本:
Html代码
![](http://loveslikey.iteye.com/images/icon_star.png)
<%
response.setHeader("Cache-Control","no-cache");
response.setHeader("Pragma","no-cache");
response.setDateHeader ("Expires", 0);
%>
相关文章推荐
- 禁止firefox 缓存input
- 禁止Firefox缓存input的值
- 禁止firefox 缓存input
- Firefox的input缓存
- FireFox的input缓存
- 禁止Firefox缓存input的值
- html禁止清除input文本输入缓存的两种方法
- linux下保存firefox的缓存图片
- 修改Firefox的缓存位置 加速浏览速度 应用
- Firefox在input标签padding上下边距过大时的bug现象
- Firefox不再使用缓存 --- 开发时调试有用
- 解决IE和firefox的缓存问题
- 兼容Firefox和IE的onpropertychange事件oninput
- firefox、chrome的DNS缓存清除方法
- FireFox img 图片缓存
- Firefox每次刷新时自动清空缓存的设置方法
- input缓存中选值事件触发
- [收集]自定义 Firefox 的磁盘缓存目录
- 从 firefox 缓存中提取视频
- asp.net适用于IE或FireFox的禁用页面缓存的终极必杀技