Firefox的input缓存

苦逼的程序员

浏览: 28209 次
性别:
来自: 青岛

最近访客更多访客>>

jci_whl

ganxueyun

以后的以后lzm

yzzanson

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

工作日志

　开发过程当中遇到了一个很诡异的问题：有一个<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的值的话，需要进行如下修改：

<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都设置为不缓存的

<form autocomplete="off">  
<input type="text" /><br />  
<input type="text" /><br />  
<input type="text" /><br />  
<input type="text" /><br />  
</form>

其他几种禁止浏览器缓存页面的方法：

1. 在要禁止缓存的页面<head>中加以下脚本：

<meta http-equiv="pragma" content="no-cache">  
<meta http-equiv="cache-control" content="no-cache">  
<meta http-equiv="expires" content="0">

2.在要禁止缓存的页面<head>中加以下脚本：

<%      
    response.setHeader("Cache-Control","no-cache");   
    response.setHeader("Pragma","no-cache");   
    response.setDateHeader ("Expires", 0);   
%>

分享到：

jquery操作cookie | HTTP 缓存

2012-02-08 22:14
浏览 2310
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论