浏览器存储之Cookie、LocalStorage 和 SessionStorage的区别详解

Cookie

常用于客户端与服务端之间的通信，但是它有本地存储的功能。

缺点：

存储量太小，只有4kb

所有http请求都会含cookie，会影响获取资源的效率

API简单，需要封装一下才能用

LocalStorage 和SessionStorage

H5问世后，专为浏览器存储而设计，最大容量为5mb

API简单易用，localStorage.setItem(key,value)和localStorage.getItem(key,value)，sessionStorage也是如此

但是这两个存储的区别在哪里呢？

1. localStorage存储时间取决于用户设置的有效期，如果浏览器关闭，localstorage存储的东西不会消失。

2. sessionStorage会在浏览器关闭时，所存储的东西会被销毁。

 

	Cookie	LocalStorage	SessionStorage
容量	4KB	5MB	5MB
是否包含在ajax中	是	否	否
API易用性	需要封装	是	是

三者使用场景：

cookie一般存储用户名密码相关信息，或者过期日期。

localStorage可以用来统计页面访问次数。

sessionStorage可以用来统计当前页面元素的点击次数。