【cookie 临时存储数据,WebStorage ,sessionStorage】

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

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

猜你喜欢

转载自blog.csdn.net/m0_46672781/article/details/126152393