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)

 

posted @ 2017-04-21 16:36  太空刘  阅读(514)  评论(0编辑  收藏  举报