*示例
<!--添加缓存字段，用于判断用户是否是第一次登录-->
<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
