html5的web存储localStorage

localStorage 方法
localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。
如何创建和访问 localStorage：
实例
<script type="text/javascript">
localStorage.lastname="Smith";
alert(localStorage.lastname);
</script>




















sessionStorage 方法
sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。
如何创建并访问一个 sessionStorage：
实例
<script type="text/javascript">
sessionStorage.lastname="Smith";
alert(sessionStorage.lastname);
</script>




















localStorage使用方法


localStorage的用法极其简单！（Map格式（键-值））一共就这么多……


localStorage. length;    返回现在已经存储的变量数目
localStorage. key(n);    返回第n个变量的键值(key)
localStorage.getItem(key);      和localStorage.key一样，取得键值为key的变量的值
localStorage.setItem(key, val);     和localStorage.key = val一样，设置键值key的变量值
localStorage.removeItem(key);     删除键值为key的变量
localStorage.clear();   清空所有变量


用法很多，可以当成是一个对象方式使用……


localStorage.a = 1;      //设置a为"1"
localStorage["a"] = "FakeMr";      //设置a为"FakeMr"，自动覆盖上面的值。


需要注意的是，HTML5本地存储只能存字符串，任何格式存储的时候都会被自动转为字符串，所以读取的时候，需要自己进行类型的转换。（个人比较喜欢：JSON.parse/JSON.stringify结合使用 ）




















数据保存到了
对于Chrome Browser, 其缺省存在以下地址：C:/Documents and Settings/UserName/Local Settings/Application Data/Google/Chrome/User Data/Default/Local Storage