cookie 临时存储数据，WebStorage ，sessionStorage

Posted 2022-08-09 勇敢*牛牛

cookie 临时存储数据

• cookie中只能存储字符串

• cookie在存储时同名会覆盖

document.cookie="name=xietian";
document.cookie="name=zhengsan"

在打开网页时，只有web服务时，才可以使用cookie
而且在打开网页时或者提交表单时，cookie都会自动发送到服务端，
并且服务端也可以自动存储到客户端

cookie存储是按照域名存储的，不同的域名或者不同端口号是不能相互访问的
跨域cookie是无法访问的

因为cookie是自动往返客户端和服务端之间的，所以一个站点的cookie是有
大小限制，限制为5K

并且cookie可以按照过期时间存储，默认存储时按照临时存储（杀掉进程后就会丢失）

   document.cookie="name=xietian;expires="+date.toUTCString();

cookie也是按照路径存储
// 父级路径下的cookie，子路径中可以获取到
子路径中存储的cookie，父路径和兄弟路径中都是无法获取的
可以使用Path将cookie存储到对应的路径下

document.cookie="sex=男;Path=/";
document.cookie="tel=18678901678;Path=/b";

WebStorage

localStorage 本地存储 长期存储
sessionStorage 临时存储

• localStorage

不清除就会永久存在
它不会往返传递于客户端和服务端之间
存储的大小 5M
存储部分js库
不需要考虑路径关系
具有事件侦听storage事件

sessionStorage

临时存储
同一个页面在不同的窗口数据都不会共享