浏览器本地存储中 cookie 和 localStorage, sessionStorage 有什么区别?
共同点:都是保存在浏览器端,且同源的。
区别
-
cookie
数据始终在同源的http请求中储存,它的大小限制为4KB左右,只在设置的cookie
过期时间之前一直有效,即使窗口或浏览器关闭。
-localStorage
本地离线存储,它的大小限制一般为5MB,始终有效,窗口或浏览器关闭也一直保存,持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。 -
sessionStorage
本地离线存储,它的大小限制一般为5MB,仅当前浏览器窗口关闭前有效,不是一种持久化的本地存储,仅仅是会话级别的存储。
localStorage 存储,获取,删除数据
存储
localStorage.setItem('name', 'boloog')
获取
localStorage.getItem('name')
删除
localStorage.removeItem('name');
// 清空
localStorage.clear();