码迷,mamicode.com
首页 > 其他好文 > 详细

Storage与cookie

时间:2016-06-18 18:26:37      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

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);

 技术分享

Storage与cookie

标签:

原文地址:http://www.cnblogs.com/JustinBaby/p/5596331.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!