HTML5本地存储

浏览器本地存储中 cookie 和 localStorage, sessionStorage 有什么区别？

共同点：都是保存在浏览器端，且同源的。

区别

• cookie 数据始终在同源的http请求中储存，它的大小限制为4KB左右，只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。
  -localStorage本地离线存储，它的大小限制一般为5MB，始终有效，窗口或浏览器关闭也一直保存，持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
• sessionStorage本地离线存储，它的大小限制一般为5MB，仅当前浏览器窗口关闭前有效，不是一种持久化的本地存储，仅仅是会话级别的存储。

localStorage 存储，获取，删除数据

存储

localStorage.setItem('name', 'boloog')

获取

localStorage.getItem('name')

删除

localStorage.removeItem('name');
// 清空
localStorage.clear();