页面刷新时保留input键入值

转自：http://unbounder.iteye.com/blog/459183

一般来说，页面刷新时不保留input键入值的需要比较多，但是也有例外，譬如咱这次就遇上需要保留input键入值。
在firefox这不是问题，ie的刷新机制导致刷新页面时不会从浏览器缓存中读取，所以我们需要解决的问题也集中在ie下。

询问google老师，有以下方法

<meta name="save" content="history">
<style type="text/css">
	input{behavior:url(#default#savehistory)};
 </style>

大致思路是利用行为标签（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来解决这个问题，代码如下：

		try{
            //for IE
			document.execCommand('Refresh',false,0);
        }catch (BorwerSupportException){
            //for firefox
			window.location.reload();
        }

测试通过，成功！