Html5本地存储的两种方式：sessionStorage、localStorage与cookie的区别

一.概念

（1）sessionStorage：用于本地存储一个会话中的数据，这些数据只有在同一个会话中的页面才能访问，并且当会话结束后数据也会随之销毁。因此，sessionStorage不是一种持久化的本地存储，仅仅是一个会话级别的存储。
（2）localStorage：用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
（3）cookie：是网站为了标识用户身份而存储在用户本地终端上的数据（通常经过加密）。

二.区别

（1）
cookie数据始终在同源HTTP请求中携带（即使不需要），也就是说cookie在浏览器和服务器之间来回传递。
而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。
（2）存储大小限制不同
cookie数据不能超过4k，同时因为每次HTTP请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。
而sessionStorage和localStorage虽然也有存储大小的限制，但是比cookie大得多，可以达到5M或更大。
（3）数据有效期不同
sessionStorage仅在当前浏览器窗口关闭前有效，而localStorage始终有效。
cookie只在设置的cookie过期时间之前有效，即使浏览器或窗口关闭。
（4）作用域不同
sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面。
而localStorage和cookie在所有同源窗口中都是共享的。