cookie、sessionStorage、localStorage区别

一、存储大小限制也不同

1.cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。

2.sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，sessionStorage约5M、localStorage约20M

二、数据有效期不同

1.sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；

2.localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；

3.cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。

三、作用域不同

1.sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；

2.localStorage 在所有同源窗口中都是共享的；

cookie也是在所有同源窗口中都是共享的。

 

window.sessionStorage

保存数据语法：
sessionStorage.setItem("key", "value");
读取数据语法：
var lastname = sessionStorage.getItem("key");
删除指定键的数据语法：
sessionStorage.removeItem("key");
删除所有数据：
sessionStorage.clear();