本地存储

Posted 2020-07-21

存储
cookie   用于保存服务器发送回来的用户信息、浏览信息等。一个cookie文件只有4kb，即能装下4000个英文字或者2000个中文字。能与服务器交互。

html5提供了两种本地存储方式：localStorage和sessionStorage，此为两个对象，可以看做JSON对象，存储大小无限制，但一般是在本地存储，存在浏览器中。

localStorage和sessionStorage
两者区别在于存储时间的区别，localStorage永久存储，直到卸载浏览器或手动清空；sessionStorage存储时间为会话时间，即浏览器打开直到浏览器关闭。

localStorage用法
localStorage的机制将对象转换为字符串进行了存储,则需要用到JSON方法，存储时用JSON.stringify(),对象转字符串；取值时JSON.parse()字符串转对象。

          var user={username:"def",psw:"1111"};    //存储
         localStorage.user=JSON.stringify(user);

            var user=JSON.parse(localStorage.user);   //获取
            console.log(user);       //Object {username: "def", psw: "1111"}
            console.log(user.username);    //def
            console.log(typeof (user));    //object
若不使用JSON方法，则会出现以下情况：

           localStorage.user={username:"abc",pwd:"123"};   //存储
          
             var user=localStorage.user;      //获取
             console.log(user);    //[object Object]
             console.log(user.username);       //undefined
             console.log(typeof (user));      //string