localstorage和sessionStorage的使用

本文介绍了如何在H5页面中使用JavaScript进行数据存储的方法,包括localStorage的应用实例,如存储用户信息、统计页面访问量,以及sessionStorage的基本用法。

使用的场景,
    h5页面,通过js,存储到硬盘,我们可以用到app端,可以存储用户信息,存储购物车里的商品信息等
一:localstorage
  1.localstorage存用户信息
    <script>
        var ce=$('.ce').html();    //要存的数据
        localStorage.setItem("lastname",ce);             //存入
        var str=localStorage.getItem("lastname");           //获取
        alert(str);
      }
    </script>
  2. 以下是我封装的localstorage.js,直接可以引用使用
     下载:http://www.taikongliu.com/localstroge/localstorage.zip
      例如:
        <script src="localstorage.js"></script>    
        getStorage('key')    //取
        setStorage('key','value')    //存
  3.统计页面访问量
      <script type="text/javascript">
          if (localStorage.pagecount){
               localStorage.pagecount=Number(localStorage.pagecount) +1;
       }else{
             localStorage.pagecount=1;
        }
          alert(localStorage.pagecount)
        document.write("Visits "+ localStorage.pagecount + " time(s).");
    </script>
二:sessionStorage
      注意:sessionstorage和localstorage用法一样,最大的区别就是当关闭浏览器的时候,
      前者存的数据会丢失,后者只要你不清除,永远不会丢失
      用法:
          sessionStorage.setItem('key','2');
          var str=sessionStorage.getItem('key');
          alert(str)

 

转载于:https://www.cnblogs.com/taikongliu/p/6744256.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值