2022-01-06

cookie 封装

localStorage(本地的永久缓存 容量3M) 

sessionStorage(会话一关闭缓存再打开就没有了 容量3M)

cookie(把用户信息存储到cookie中，服务端可以自动的获取，容量比较小4KB)

cookie可以设置过期时间，时间一过就消失了

JS“=”代表覆盖，cookie“=”代表添加

cookie如何取值

document.cookie = 'username=zhangsan'

如何设置过期时间

let oDate = new Date();

        /* 重新设置日期对象 延迟2天 */

oDate.setDate(oDate.getDate()+2);

document.cookie = 'password=123456;expires='+oDate;

//cookie要想覆盖 首先Name值要一致 

document.cookie = 'username=lisi2;expires='+oDate;

删除cookie 

        /* 设置成过期的时间 就可以把对应的Name值删除了*/

let oDate = new Date();

oDate.setDate(oDate.getDate()-1);

document.cookie = 'username=lisi2;expires='+oDate;

利用函数实现cookie封装

设置点击按钮

设置name value time

查询value

利用两次数组符号分割，通过循环来实现

删除之前存储的数据

修改数据需要name一样，就可以覆盖上面的值