刷新页面保留input所填的值_页面刷新时保留input键入值

一般来说，页面刷新时不保留input键入值的需要比较多，但是也有例外，譬如咱这次就遇上需要保留input键入值。

在firefox这不是问题，ie的刷新机制导致刷新页面时不会从浏览器缓存中读取，所以我们需要解决的问题也集中在ie下。

Html代码

input{behavior:url(#default#savehistory)};

大致思路是利用行为标签(behavior)，在访问页面时默认读取缓存，这里主要是针对ie，firefox默认设置就是如此.

关于behavior标签的使用方法，相见css手册

引用

语法：

behavior : url (url) | url (#objID ) | url (#default#behaviorName)

参数：

url (url) : 使用绝对或相对地址指定DHTML行为组件(.htc)

url (#objID ) : 用二进制实现DHTML行为，#objID为object对象指定的id特性

url (#default#behaviorName) : IE的默认行为。由behaviorName指定

说明：

设置或检索对象的DHTML行为。

多个行为之间用空格隔开。

关于DHTML行为，请参阅我所编写的其他教程。

对应的脚本特性为behavior。请参阅我编写的其他书目。

示例：

div { behavior: url(fly.htc) url(shy.htc); }

如此这般操作后，使用浏览器的刷新按钮在ie下已经能保存input键入值了。

-----------------------------------------------------

不过，我们的工作还没有结束，因为在实际使用中，需要通过js来刷新页面。如果使用window.location.reload();这样的常用刷新操作，ie下依旧会重新加载而不读取浏览器缓存。

那么新的问题出现了，如何才能在用js刷新页面的情况下仍然保存上一次input的键入值呢？

为此，我们更换了刷新方法，使用了execCommand方法

不过值得注意的是execCommand方法并不适应于firefox，我们在js中使用try/catch来解决这个问题，代码如下：

Js代码

try{

//for IE

document.execCommand('Refresh',false,0);

}catch (BorwerSupportException){

//for firefox

window.location.reload();

}

测试通过，成功！