本地存储 cookie&&storage

发布网友 发布时间：2022-10-16 05:55

我来回答

共1个回答

热心网友 时间：2023-10-16 11:53

​ 是按照域和path来分别进行存储的，当前域和当前路径只能操作当前域/路径或其子域/子路径下的cookie,

一个域下可以设置多个cookie，每个cookie可以包含：key,value,expires/max-age,path,domain等属性,

一个域下的cookie个数是有*的，不同浏览器不同版本*的个数不一样，大概几十个,

一个cookie中保存的内容也是有大小*的，不同浏览器不同版本*的大小不一样，大概4000-8000个字符之间.

我们可以通过头信息来传输cookie数据

​ 请求：浏览器发送一个请求的时候，会主动的把和该请求同源下cookie通过请求头一起发送给服务端

​ 响应：服务器也可以通过响应头，把cookie数据发送给客户端，如果客户端是浏览器，那么浏览器会主动的读取到响应头中的cookie数据，并保存在浏览器本地

我们还可以通过js来操作cookie数据，需要注意的是，如果cookie是httpOnly的话，那么这个cookie将不能被js操作，他只能用户请求和响应**

如果我们想通过js设置一个cookie，那么就可以通过document.cookie来进行设置,

document.cookie = 'value'

同一个源下可以存储多个不同值的cookie，所以我们一般情况下会给每一个cookie起一个名字加以区分

document.cookie = "key = value"

document.cookie = 'age=28;max-age=-1';

把生存时间变为0或者-1

localStorage && sessionStorage 基本使用相同，适用同源策略

在window对象下有localStorage ，sessionStorage 其中两个子对象，它们提供了

clear()

localStorage：永久保存（除了主动删除）；同源下的所有页面都可以共享该数据；支持一个事件：storage，他是一个广播类型事件

sessionStorage:会话结束自动删除;只有当前页面才可以使用该数据

假如我们有a,b 两个界面，

网页A：监听了 storage 事件：

网页B：修改了 localStorage

运行 ： 将上面两个网页保存，放到同一个服务器上，然后，先打开A.html，再打开B.html。就会看到A.html会弹出提示框。注意两个网页要同源。

这样就可以用storage做出不用请求http就可以传递数据的项目，例如，购物车，当用户打开一个新页面进行购物车添加，就可以直接传递到最开始打开的页面里的购物车数字增长，

qq音乐的跨页面，添加歌曲到歌单，就是用到了storage事件