cookie的增删改查方法


  • 每个cookie都是一个名称/值对,名称/值对用等号连接,并将该名称/值对赋值给document.cookie
document.cookie = `name=xx`;

  • 直接将cookie的有效时间设置成过去即可
let date_=new Date();
date_.setDate(date_.getDate()-1);
document.cookie=`sex=sex;expires=${date_}`;

  • 如果要改变一个cookie的值,只需重新赋值
document.cookie = `name=xx`;
document.cookie = `name=张三`;

  • cookie的值可以由document.cookie直接获得
console.log(document.cookie)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,关于cookie的封装,可以实现增删改查功能,以下是一个简单的实现: ```javascript // 封装cookie操作的工具函数 const cookieUtils = { // 获取cookie值 get(key) { const cookieStr = document.cookie; const cookieArr = cookieStr.split('; '); for (let i = 0; i < cookieArr.length; i++) { const itemArr = cookieArr[i].split('='); if (itemArr[0] === key) { return itemArr[1]; } } return null; }, // 设置cookie值 set(key, value, expires = 0, path = '/') { const date = new Date(); date.setTime(date.getTime() + expires * 24 * 60 * 60 * 1000); const expiresStr = expires === 0 ? '' : ';expires=' + date.toGMTString(); document.cookie = `${key}=${value};path=${path}${expiresStr}`; }, // 删除cookie值 remove(key, path = '/') { this.set(key, '', -1, path); }, // 更新cookie值 update(key, value, expires = 0, path = '/') { this.set(key, value, expires, path); }, }; ``` 使用方法如下: ```javascript // 设置cookie cookieUtils.set('username', 'Tom', 7, '/'); // 获取cookie const username = cookieUtils.get('username'); // 更新cookie cookieUtils.update('username', 'Jerry', 7, '/'); // 删除cookie cookieUtils.remove('username'); ``` 其中,`set`方法用于设置cookie值,第一个参数为cookie的名称,第二个参数为cookie的值,第三个参数为cookie的过期时间(单位为天),默认为0(表示在当前会话结束时过期),第四个参数为cookie的路径,默认为根路径。`get`方法用于获取cookie值,第一个参数为cookie的名称。`update`方法用于更新cookie值,其参数和`set`方法相同。`remove`方法用于删除cookie值,第一个参数为cookie的名称,第二个参数为cookie的路径,默认为根路径。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值