localStorage 方法

localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

如何创建和访问 localStorage：

实例

<script type="text/javascript">
   localStorage.lastname="Smith";
   document.write(localStorage.lastname);
</script>

下面的例子对用户访问页面的次数进行计数：

实例

<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>

sessionStorage 方法

sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。

如何创建并访问一个 sessionStorage：

实例

<script type="text/javascript">
   sessionStorage.lastname="Smith";
   document.write(sessionStorage.lastname);
</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>