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

  • 相关阅读:
    OpenCV -- CV_8UC1,CV_32FC3等参数的含义
    OpenCV -- 命名空间及相关函数介绍
    Qt -- QMutex使用详解
    QT -- 常用数据结构及函数
    Qt -- QQueue用法
    Qt -- QSetting类/ini配置文件的读写操作
    QT--日期操作QDateTime
    设备接口总汇(含实物图)
    “SurfFeatureDetector”: 未声明的标识符/不能实例化抽象类
    OpenCV -- Shi-Tomas角点检测与亚像素级角点检测
  • 原文地址:https://www.cnblogs.com/caitangbutian/p/11559864.html
Copyright © 2011-2022 走看看