zoukankan      html  css  js  c++  java
  • LocalStorage 与 SessionStorage

    一、关于LocalStorage

      1、LocalStorage的定义

    LocalStorage  会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库

       ——注意:在IE8以上的IE版本才支持localStorage这个属性。localStorage属于永久性存储(直到手动删除),如果存储内容多的话会消耗内存空间,会导致页面变卡。

    提示:

      1、 如果你只想临时将数据保存在当前会话中,可以使用 sessionStorage 属性,sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。

      2、对于手机端的页面,有些浏览器会使用无痕模式,在无痕模式下,localStorage很有可能失效,也很有可能页面需要重新刷新才能获取localStorage。(亲测,发现刷新一下才能出来)

        ——iPhone测试,解决:在需要localStorage的页面进行一次新的刷新,输出localStorage的值,刷新可用 location.reload() ;转跳到当前页面最好用 window.location.href=“ ”

      2、LocalStorage的使用(注意:存入的数据只能以 字符串形式存入。)

     //1.存储
      localStorage.setItem("lastname", "Smith");
     
    //2.获取   var i = localStorage.getItem("lastname");
     
    //3.清空localStorage   localStorage.clear(); //  //4.删除键值对   localStorage.removeItem("arr");  

    二、关于SessionStorage

       sessionStorage:

    // 1、存储
    sessionStorage.setItem("lastname", "Smith");
    // 2、 检索
    document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

    三、提供转JOSN数据方法

      提供转JOSN数据方法:

      //JSON对象转JSON字符串
      var obj = {"a": 1,"b": 2};
      obj = JSON.stringify(obj); //转化为JSON字符串
      localStorage.setItem("temp2", obj);

      //JSON字符串转JSON对象
      obj=JSON.parse(localStorage.getItem("temp2"));

    四、在谷歌浏览器查看 localStorage

  • 相关阅读:
    构建之法 读书笔记01
    团队合作第一次会议有感
    浪潮之巅 读书笔记 03
    浪潮之巅 读书笔记 02
    团队介绍
    疫情查询app 开发
    世界疫情信息爬取 及开发查询爬取数据的app
    浪潮之巅 读书笔记 01
    支付宝沙箱配置
    定时器定时执行redis操作定时器执行几次自动停止的问题
  • 原文地址:https://www.cnblogs.com/caitangbutian/p/11559864.html
Copyright © 2011-2022 走看看