LocalStorage、SessionStorag与Cookie的区别

一、基本概念

Cookie

Cookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。

LocalStorage、SessionStorage

这两个都是H5新增的本地存储，这两个主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小。
SessionStorage也称会话式存储，LocalStorage称为本地式存储

localStorage、sessionStorage与cookie相比：

localStorage、sessionStorage不同点：

• 生命周期不同， localStorage数据会永久储存，除非代码或手动删除，而sessionStorage数据只存在当前会话，浏览器关闭则清空
• localStorage同源窗口可以共享，sessionStorage在同源窗口不能共享
  

localStorage和sessionStorage有相同的API
setItem储存value

sessionStorage.setItem("key", "value");     localStorage.setItem("site", "js8.in");

getItem获取value

var value = sessionStorage.getItem("key");     var site = localStorage.getItem("site");

removeItem删除指定的key

sessionStorage.removeItem("key");     localStorage.removeItem("site");

clear清除所有的key和value

sessionStorage.clear();     localStorage.clear();