html5 存储(删除)

HTML5 提供了两种在客户端存储数据的新方法：

• localStorage - 没有时间限制的数据存储
• sessionStorage - 针对一个 session 的数据存储

浏览器支持情况：

浏览器的支持除了IE７及以下不支持外，其他标准浏览器都完全支持(ie及FF需在web服务器里运行)，值得一提的是IE总是办好事，例如IE7、IE6中的UserData其实就是javascript本地存储的解决方案。通过简单的代码封装可以统一到所有的浏览器都支持web storage。
要判断浏览器是否支持localStorage可以使用下面的代码：

if(window.localStorage) { alert("浏览支持localStorage")}

else { alert("浏览暂不支持localStorage")}

//或者

if(typeof window.localStorage == 'undefined') { alert("浏览暂不支持localStorage")}

localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem等

 用法：.setItem( key, value)

代码示例：
 sessionStorage.setItem("key", "value"); 2 localStorage.setItem("site", "js8.in"); 


getItem获取value用途：获取指定key本地存储的值
用法：.getItem(key)
代码示例：
 var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site"); 

removeItem删除key用途：删除指定key本地存储的值
用法：.removeItem(key)
代码示例：
 sessionStorage.removeItem("key"); localStorage.removeItem("site"); 

clear清除所有的key/value用途：清除所有的key/value
用法：.clear()
代码示例：
 sessionStorage.clear(); localStorage.clear(); 
 使用实例： 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<input type='button' onclick='set_item()' value='存值'　/>
<input type='button' onclick='get_item()' value='取值'　/>
<input type='button' onclick='delete_item()' value='删除'　/>
<script>
//localStorage 存值永久有效
function set_item(){
 var user = {};
  user.name = 'Adam Li';
  user.age  = 25;
  user.home = 'China';
 localStorage.setItem('userinfo',JSON.stringify(user));
}
//localStorage取值
function get_item(){
 var data = JSON.parse(localStorage.getItem('userinfo'));
 alert("name:"+data.name+"
 age:"+data.age+"
 home:"+data.home);
}
//localStorage删除指定键对应的值
function delete_item(){
 localStorage.removeItem('userinfo');
 alert(localStorage.getItem('userinfo'));
}
</script>   

sessionStorage使用方法请参照localStorage使用例子，实际应用要用哪个关键看你需求了，如果是要永久保存的，那么就请使用localStorage方法存取值，如果是要浏览关闭会话结束就清除缓存的，当然就得选择sessionStorage方法了

注意：有幸在移动端使用html5的存储技术，在iOS系统下发现一个问题ing