cookie,sesssionStorage,localStorage

cookie,sesssionStorage,localStorage总结

sesssionStorage,localStorage的相同点和不同点
html5中提供了两种本地存储的方式：localStorage（本地存储）和sessionStorage（会话存储)
localStorage和sessionStorage共同特点（本地存储特性）：
1.数据存储在用户浏览器中,（数据仅在客户端（即浏览器）中保存，不参与和服务器的通信）
2.设置、读取方便、甚至页面刷新不丢失数据
3.容量大较大、约5M
4.localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理
不同点：
（1）有效期
localStorage生命周期是永久，浏览器关闭之后依旧不会清除，只能人为删除
sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。
（2）作用域：
不同浏览器无法共享localStorage或sessionStorage中的信息。
同一浏览器的不同页面间可以共享相同的 localStorage，但是不同页面无法共享sessionStorage的信息。
即：
sessionStorage不在不同的浏览器窗口中共享
localStorage在所有同源窗口中都是共享的
（3）获取方式：
localStorage：window.localStorage;；sessionStorage：window.sessionStorage;
共同方法：setItem、getItem、removeItem、clear等方法

cookie,sesssionStorage,localStorage
相同点：都是存储在浏览器中，都可以作为本地存储
不同点：
（1）cookie容量小，最多4kb
（2）不同浏览器无法共享localStorage和sessionStorage的值。
相同浏览器下，并且是同源窗口（协议、域名、端口一致），不同页面可以共享localStorage，Cookie值
（3）sesssionStorage,localStorage中数据仅在客户端（即浏览器）中保存，不参与和服务器的通信。
而cookie始终在http请求中被自动携带。
（4）cookie的有效时间可以进行设置(expires或者max-age)。如果不进行设置，则关闭浏览器窗口时，cookie失效。
（5）客户端只能通过document.cookie来修改删除cookie。而sesssionStorage,localStorage有更多的api接口

cookie博客
sessionStorage和localStorage博客