Web Storage

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

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

• 用法

    localStorage["test1"]='a'; //储存数据，方法1      localStorage.test2='b'; //储存数据，方法2      localStorage.setItem("test3","c"); //储存数据，方法3      alert(localStorage["test1"]); //读取数据，方法1      alert(localStorage.test2); //读取数据，方法2      alert(localStorage.getItem("test3")); //读取数据，方法3      localStorage.removeItem("test1"); //刪除key值为test1的这项数据    localStorage.clear(); //刪除localStorage里所有资料

• 浏览器支持

Internet Explorer 8+, Firefox, Opera, Chrome, 和 Safari支持Web 存储。

• 各个WebStorage存储大小：
  WebStorage存储大小测试

• localStorage:

<script type="text/javascript">    localStorage.test="Test Content";    document.write("Test localStorage: " + localStorage.test);</script>

• sessionStorage:

<script type="text/javascript">    sessionStorage.testSessionStorage="TestSessionStorage Content";    document.write(sessionStorage.testSessionStorage);</script>

DEMO EX：

• 用户访问页面的次数进行计数：

<script type="text/javascript">    if (localStorage.pagecount)    {        localStorage.pagecount=Number(localStorage.pagecount) +1;    }    else    {        localStorage.pagecount=1;    }    document.write("Visits: " + localStorage.pagecount + " time(s).");</script> 

• 用户在当前 session 中访问页面的次数进行计数：

<script type="text/javascript">    if (sessionStorage.pagecount)    {        sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;    }    else    {        sessionStorage.pagecount=1;    }    document.write("Visits " + sessionStorage.pagecount + " time(s) this session.");</script> 

参考：

HTML 5 Web 存储
HTML5 Web Storage用法
Web存储(Web Storage)介绍
HTML5本地存储之Web Storage篇
HTML5本地存储之Web Storage篇 (原)
HTML5 Web Storage使用实例
Web Storage API