Firefox的input缓存

最新推荐文章于 2024-06-19 15:40:00 发布

陌阡

最新推荐文章于 2024-06-19 15:40:00 发布

阅读量3.8k

点赞数

分类专栏： javascript 文章标签： firefox autocomplete input firebug 浏览器脚本

javascript 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

Firefox的input缓存

发布时间：2012-02-09 发布来源：

？

劳动者的组织性、规律性、刚毅精力以及同全世界劳动者的连合一致，是取得最后成功的包管。　开辟过程傍边碰到了一个很诡异的题目：有一个<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）;   
％>