js 数据存储

1.Cookie
HTTP Cookie,通常直接叫做Cookie,最初在客户端用于存储会话信息的。
需要制定作用域,不可以跨域访问;
无法保存太大的数据(最大仅为4KB);
本地保存的数据会发送给服务器,浪费带宽 ;

2.sessionStorage
用于本地存储一个会话(session)中的数据,关闭窗口后,sessionStorage即被销毁,除了协议、主机名、端口外,还要求在同一窗口(也就是浏览器的标签页)下,能读取/修改到同一份sessionStorage数据。

3.localStorage
持久化的客户端存储,除非主动删除数据,否则数据是永远不会过期的。
存储的信息在同一域中是共享的。localStorage只要在相同的协议、相同的主机名、相同的端口下,就能读取/修改到同一份localStorage数据。

设置:lacalStorage.setItem('key','value');或者localStorage.name=value;
获取:localStorage.getItem('key');或者localStorage.name;
删除:localStorage.remove('key');或者delete localStorage.name;
清除所有:localStorage.clear();

sessionStorage与localStorage用法一样。

三者的相同点:
在本地(浏览器端)存储数据。

三者不同点:
Cookie:大小4kb,有过期时间,每次请求都发往服务器,增加请求,网页性能变差
localStorage:大小5M,无过期时间,不发往服务器, 不兼容IE6
sessionStorage: 大小5M,有过期时间,不发往服务器

发布了47 篇原创文章 · 获赞 4 · 访问量 6684

猜你喜欢

转载自blog.csdn.net/lifangfang0607/article/details/102761863