localstorage、sessionstorage、cookie的区别

localstorage、sessionstorage、cookie的区别

共同点：

localstorage、sessionstorage、cookie：存储在客户端   seesion ：服务端

功能：localstorage、sessionstorage、cookie：一样【本地的存储】

 

不同的：

区别一:过期时间问题

cookie可以设置过期时间

localstorage、sessionstorage不可以设置过期时间

 

区别二：清除 和 存储

cookie、localstorage是持久化存储，只要设置关闭浏览器再次打开也是存在

(一直存储在硬盘中的)

sessionstorage  每次进入浏览器都是第一次（新值）;

（不存储在硬盘中,只要把网页关闭就不存在）

 

区别三：存储大小

localstorage、sessionstorage : 5MB

cookie：4k

 

注意:cookie必须有环境才可以。【线上环境】

 

localStorage.setItem('key','123');

 

sessionStorage.setItem('key','456');

 

document.cookie = 'key=789';