码迷,mamicode.com
首页 > Web开发 > 详细

HTML5学习笔记之客户端存储数据方法:localStorage(),sessionStorage()

时间:2014-11-26 20:49:07      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:io   使用   sp   java   数据   on   bs   代码   html   

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

  localStorage():没有时间限制的数据存储

  sessionStorage():针对一个session的数据存储

  下面的一个例子用localStroage()方法对用户访问页面的次数进行计数

  <script type="text/javascript">

    if(localStorage.pagecount)

    {

      localStorage.pagecount=Number(localStorage.pagecount)+1;

    }

    else

    {

      localStorage.pageCount=1;

    }

    document.write("Visit"+localStorage.pagecount+"times.");

  </script>

  运行此段代码后可以看到访问次数Visits: 1 times.刷新页面后次数会继续增长。关闭页面重新打开时会在原来的基础上继续增长。

  

  下面的例子使用sessionStorage()方法对当前session中访问页面的次数进行计数

  <script type="text/javascript">

    if(sessionStorage.pagecount)

    {

      sessionStorage.pagecount=Number(sessionStorage.pagecount)+1;

    }

    else

    {

      sessionStorage.pagecount=1;

    }

    document.write("Visit"+sessionStorage.pagecount+"times.");

  </script>

  运行代码后会显示Visits 1 times.刷新页面后会在此基础上继续增加,但是关闭页面后数据会丢掉,打开时重新从1开始计数。

 

HTML5学习笔记之客户端存储数据方法:localStorage(),sessionStorage()

标签:io   使用   sp   java   数据   on   bs   代码   html   

原文地址:http://www.cnblogs.com/WuNaiHuaLuo/p/4124800.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!