zoukankan      html  css  js  c++  java
  • 浅谈localStorage和sessionStorage

    localStorage

    html5本地存储
                优点
                    1、没有时间限制
                    2、大小5M
                    3、没有域的限制
                    4、只能存储字符串
    属于window
     
    设置
            localStorage.setItem("key","value");

            //第一种
            localStorage.name = "宋磊";
            //第二种
            localStorage["age"] = 33;
            //第三种
            localStorage.setItem("sex","男");
     
    获取

            console.log(localStorage.name)
            console.log(localStorage["age"])
            console.log(localStorage.getItem("sex"))
     
    // 遍历获取
    for(var i=0;i<localStorage.length;i++){
        var key=localStorage.key(i);
        console.log(key);                              //打印出所有的键
        console.log(localStorage[key]);        //打印出所有的value值
    }
     
     
    删除
     localStorage.removeItem("name");
    删除所有
    localStorage.clear();
     
     
    sessionStorage
     
       设置
      sessionStorage.setItem("key","value");

            //第一种
            sessionStorage.name = "宋磊";
            //第二种
            sessionStorage["age"] = 33;
            //第三种
            sessionStorage.setItem("sex","男");


        获取

            console.log(sessionStorage.name)
            console.log(sessionStorage["age"])
            console.log(sessionStorage.getItem("sex"))


        遍历获取 sessionStorage 所有的数据
        for(var i=0;i<sessionStorage.length;i++){
            var key = sessionStorage.key(i);
            console.log(sessionStorage[key])
        }

        
        删除
        sessionStorage.removeItem("name");

        //删除所有
        sessionStorage.clear();
     
     
     
    localStorage   sessionStorage   cookie  session  四者的区别
     
     1、大小5M 没有时间限制 没有域的限制
     2、大小5M 关闭浏览器之后立马销毁 没有域的限制 临时会话 只要关闭浏览器数据就会立马消失
     3、绘话跟踪技术 主要是用来验证身份信息 一般不会去做存储
           前三者 存储在前端
     4、存储在后端的 通过后端设置时间来决定当前用户的账户和密码保存的时间一般情况下来做持久登录


     
  • 相关阅读:
    软件测试(理论基础)
    Android NDK常见配置问题的解决方案
    Eclemma各种安装方式以及安装失败解决
    检测Buffer Overflow的几种方法
    转: 跟我一起写 Makefile
    流敏感、路径敏感、上下文敏感
    Symbolic Exectuion with Mixed ConcreteSymbolic Solving
    基于ajc的代码编织
    第一次个人编程作业
    第一次博客作业
  • 原文地址:https://www.cnblogs.com/jsjx-xtfh/p/9679801.html
Copyright © 2011-2022 走看看