localStorage、sessionStorage、cookie的区别与归纳

ps: 如果有任何问题可以评论留言，我看到后会及时解答，评论或关注，您的鼓励是我分享的最大动力

      转载请注明出处：https://blog.csdn.net/qq_40938301/article/details/88033185

localStorage

sessionStorage

cookie

1、三者相同点

(1) 都是保存在浏览器端

(2) 都是通过key - value 形式保存信息

 

2、localStorage

(1) 与整个浏览器相关

(2) 同一浏览器相同域的不同页面可以共享localStorage

(3) localStorage 生命周期为永久，除非通过js来清除

3、sessionStorage

(1) 与页面相关

(2) 不同域的页面不能共享sessionStorage

(3) sessionStorage 生命周期为一次会话，关闭页面或者浏览器，sessionStorage会被清除

 

ps：刷新或者通过js跳转、链接的同源页面也不会丢失sessionStorage信息，但是会新开一个sessionStorage存储信息，二者各自独立，不会影响。

4、cookie

(1) cookie与浏览器端和服务端都有关 

(2) 不同页面可以共享cookie

(3) cookie 生命周期由后台服务器端设置，即时关闭页面和浏览器，如果没有超过生命周期的话，cookie依然存在。超过生命周期后失效。

ps：cookie 可以减少session的使用以及大小，但cookie 因为存储在本地，容易造成安全性的问题