cookie、localStorage、sessionStorage的有效期\作用域\大小

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sinat_36146776/article/details/88841663

1. 相同点：都存储在客户端
2. 不同点

• cookie

大小：4k

特点：cookie的数据会自动的传递到服务器，服务器端也可以写cookie到客户端

失效：cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭不失效

document.cookie="name="+'jane';
document.cookie.split(';')[0].split("=")[1]//jane

设置过期时间
document.cookie="company="+'ibs'+";expires="+new Date(new Date().getTime()+5*1000);

• localStorage

localStorage.setItem('name','jane');
localStorage.getItem('name');//jane

失效：localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；；页面刷新失效

• sessionStorage

sessionStorage.setItem("myname","jane");//设置
sessionStorage.getItem("myname");//jane 获取

失效：页面刷新不失效，关闭当前窗口即失效（注意是关闭窗口，不是浏览器）

大小：8M(不同浏览器不同)