JS原生Cookie的封装

JS的底层j没有封装好Cookie,所以我们使用Cookie导致极不方便,我们自己动手封装一下Cookie,使用的时候引入文件把Cookie调用一下就可以使用了,极大的提高了开发效率。

封装了Cookie的四个函数:

1:setCookie("键","值","有效时间"):设置Cookie;

2:getCookie("键") :获取Cookie 具有返回值;

3:removeCookie("键"):删除Cookie;

4:clearCookie( ):清空Cookie;

Cookie.js:

// 创建Cookie
// setCookie("键","值","有效时间")
function setCookie(key, value, time) {
  var now = new Date();
  now.setDate(now.getDate() + time);
  document.cookie = `${key} = ${value}; expires = ${now}`;
}

// 获取Cookie
// getCookie("键")
function getCookie(key) {
  var str = document.cookie;
  var nweArray1 = str.split("; ");
  for (var item of nweArray1) {
    var newArray2 = item.split("=");
    if (newArray2[0] == key) {
      //   console.log(newArray2[1]);
      return newArray2[1];
    }
  }
}

// 删除Cookie
// removeCoolie("键")
function removeCookie(key) {
  this.setCookie(key, "", -1);
}

// 清空Cookie
// clearCookie()
function clearCookie() {
  var str = document.cookie;
  var newArray1 = str.split("; ");
  for (var item of newArray1) {
    var newArray2 = item.split("=");
    this.setCookie(newArray2[0], "", -1);
  }
}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值