关于LocalStorage、SessionStorage、Cookie 之间的区别和共同点

localStorage.setItem(key, value)
localStorage.getItem(key)
localStorage.removeItem(key)
localStorage.clear()

sessionStorage.setItem(key, value)
sessionStorage.getItem(key)
sessionStorage.removeItem(key)
sessionStorage.clear()

特性	LocalStorage	SessionStorage	Cookie
存放数据大小	LocalStorage 的存储容量为5MB/10MB	SessionStorage 的存储容量为5MB	Cookies的存储容量为4KB
数据生命周期	由于它不是基于会话的，因此必须通过 javascript 或手动删除	它是基于会话的，可以按窗口或选项卡工作。这意味着数据仅在会话期间存储，即直到浏览器（或选项卡）关闭	Cookies 根据选项卡和窗口的设置和工作过期
存储	客户端只能读取本地存储	客户端只能读取本地存储	客户端和服务器都可以读取和写入 cookie
向服务器传输数据	没有向服务器传输数据	没有向服务器传输数据	存在到服务器的数据传输
浏览器兼容性	支持它的旧浏览器较少	支持它的旧浏览器较少	所有浏览器都支持它，包括旧版浏览器
共同点	都是保存在浏览器端	都是保存在浏览器端	都是保存在浏览器端

原文出处：