操作 cookie 的方法（详细注释）-CSDN博客

本文链接：https://blog.csdn.net/weixin_43520670/article/details/107587409

下面是我做一些案例遇到问题需要用 cookie 解决，于是把例子记下，如有不足，请大佬指正。

    //创建cookie
    //参数分别为 key value path（有效时间没有设置，文末有网址，可以自行去看）
    setCookie(cname, cvalue, path) {
      var cpath = "path=" + path;
      document.cookie = cname + "=" + cvalue + ";" + path;
    },

    //获取cookie
    getCookie(key) {
      //根据 ";" 号分割每一个cookie,把结果存储到list中
      var lists = document.cookie.split(";");
      //遍历每一个lists
      for (var i = 0; i < lists.length; i++) {
        //用 "=" 号分割每一个lists的每一个元素，去除空格，如果第一个等于key，就说明是我们要找的元素
        if (lists[i].split("=")[0].trim() == key) {
          //返回 "=" 号后面的第二个值 value
          var value = lists[i].split("=")[1];
          return value;
        }
      }
    },

    //删除cookie
    deleteCookie(key, path) {
      //把时间调回到创建cookie之前，即为删除
      document.cookie =
        key + "=;" + "expires=Thu, 01 Jan 1970 00:00:00 GMT;" + "path=" + path;
    },