zoukankan      html  css  js  c++  java
  • html5移动web开发笔记(一)Web 存储

    • localStorage - 没有时间限制的数据存储

       localStorage 方法

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

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

     1 <script type="text/javascript">
     2 if (localStorage.pagecount)
     3   {
     4   localStorage.pagecount=Number(localStorage.pagecount) +1;
     5   }
     6 else
     7   {
     8   localStorage.pagecount=1;
     9   }
    10 document.write("Visits "+ localStorage.pagecount + " time(s).");
    11 </script>

    localStorage 存储JSON数据的简单实例

    //定义JSON格式的字符串
    var userData={
       name:"paul",
       account:"paul",
       level:1
    }
    //存储userData数据
    localStorage.setItem("userData",JSON.stringify(userData));
    //读取userData数据并赋给新变量newuserData
    
     var newuserData=JSON.parse(localStorage.getItem("userData"));
    //删除本地存储的item
    localStorage.removeItem("userData");
    • sessionStorage - 针对一个 session 的数据存储

       sessionStorage 方法

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

      下面的例子对用户在当前 session 中访问页面的次数进行计数:

     1 <script type="text/javascript">
     2 if (sessionStorage.pagecount)
     3   {
     4   sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
     5   }
     6 else
     7   {
     8   sessionStorage.pagecount=1;
     9   }
    10 document.write("Visits "+sessionStorage.pagecount+" time(s) this session.");
    11 </script>
    make a difference
  • 相关阅读:
    黄聪:Visual Studio快速封装字段方法
    黄聪:在vs2008中设置jquery智能提示
    黄聪:Linq初级班 Linq to DataSet体验(单表、多表联合查询JOIN语法)
    mysql分区
    为什么使用框架
    阅读杂记(RSA,PDO)
    Golang之继承模拟
    php中$_REQUEST一个注意点
    记录mysql性能查询过程
    知识杂记
  • 原文地址:https://www.cnblogs.com/paul-xiao/p/5209890.html
Copyright © 2011-2022 走看看