localStorage和sessionStorage

*示例

<!--添加缓存字段，用于判断用户是否是第一次登录-->
    <script type="text/javascript"> 
    $(document).ready(function(){
        var strKey = "logged_before"; 
        if(localStorage.getItem(strKey)!=null){           
          localStorage.clear();  
          sessionStorage.clear();
          alert("已清除所有本地存储和session");
        }else{
          var strValue=1;
          localStorage.setItem(strKey, strValue); 
          sessionStorage.setItem(strKey, strValue);
          alert("成功设置本地存储和session！");
        } 
    }) 
    </script> 

localStorage

• 设置本地存储

localStorage.a = 3;//设置a为"3"
localStorage["a"] = "sfsf";//设置a为"sfsf"，覆盖上面的值
localStorage.setItem("b","isaac");//设置b为"isaac"

• 读取本地存储

var a1 = localStorage["a"];//获取a的值
var a2 = localStorage.a;//获取a的值
var b = localStorage.getItem("b");//获取b的值

• 清除本地存储

localStorage.removeItem("c");//清除c的值
localStorage.clear();//清除所有的本地存储键值对

• key()方法

var storage = window.localStorage;
function showStorage(){
 for(var i=0;i<storage.length;i++){
  //key(i)获得相应的键，再用getItem()方法获得对应的值
  document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");
 }
}

说明：在不知道本地存储键值对的情况下，可以使用html5提供的key()方法

sessionStorage

• 说明：sessionStorge的设置和读取方法和localStorage一致。

Edit by 过山过水

参考文献：
http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html