Storage与cookie

Posted 2020-07-26 风的味道

Storage是为了给浏览器增加记忆功能，方便在同一站点共享存储数据

 

cookie是早期在客户端的存储机制

 

Storage分为sessionStorage和localStorage（h5新添的）

 

各个存储都存在生命周期：

       sessionStorage：打开浏览器到关闭浏览器

       localStorage：永久化存储在本地硬盘

       cookie：可以设置有效存储时间

‘同源策略’：

      Storage通常是整个站点，最大为5M甚至更大

      cookie是文件当前目录的所有文件及值文件,最大为4k，每次都要随http请求发送

Storage的用法：

    dot方式来操作

 

1 localStorage.username = \'john\';
2 localStorage.password = 12;
3 console.log(localStorage.username + \'  \' +localStorage.password);

 

 setItem和getItem

1 localStorage.setItem(\'myName\', \'whistle\');
2 localStorage.setItem(\'password\', 24);
3 console.log(localStorage.getItem(\'myName\') + \' \' + localStorage.getItem(\'password\'));

 

cookie的用法：

ps：这个Opera和chrome不能打印，所以换到Firefox

ps：试了半天，只能存一个，存多个还是拼接字符串吧 

 

1 document.cookie="age=28;expire="+(new Date()).toGMTString()+10;
2 console.log(document.cookie);
3 var allCookie = document.cookie.split(\';\');
4 console.log(allCookie);