前端封装Cookie操作

本文介绍了使用JavaScript实现的setCookie、getCookie和delCookie方法,用于客户端网站数据的存储、检索和清除,展示了如何在浏览器中进行简单的会话级数据管理。
摘要由CSDN通过智能技术生成
// 存入
setCookie(key, value, day = 1) {
    let exp = new Date();
    exp.setTime(exp.getTime() + day * 24 * 60 * 60 * 1000);
    document.cookie =
      key + "=" + escape(value) + ";expires=" + exp.toGMTString() + "; path=/";
  }
// 读取
  getCookie(key) {
    let arr,
      reg = new RegExp("(^| )" + key + "=([^;]*)(;|$)");
    if ((arr = document.cookie.match(reg))) return unescape(arr[2]);
    else return false;
  }
// 删除
  delCookie(key = "") {
    let exp = new Date();
    exp.setTime(-1000);
    let cval = this.getCookie(key);
    console.log(key, cval);
    if (cval != null) {
      document.cookie = key + "=" + "'';expires=" + exp.toGMTString();
      console.log(this.getCookie(key));
    }
  }

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值