2022-03-30 函数封装:cookie的存取

原创已于 2022-09-21 18:24:09 修改 · 153 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #cookie #本地存储

于 2022-03-30 22:49:40 首次发布

笔记专栏收录该内容

87 篇文章

订阅专栏

本文介绍了如何使用JavaScript设置带有有效期限的Cookie，并提供了一种读取特定名称Cookie值的方法。通过示例代码展示了设置不同有效期的Cookie以及如何从客户端读取这些Cookie。

设置cookie

*需考虑可能存在的有效期

代码

function setCookie(key, val, exp) { //cookie名,cookie值,有效期
    let time = '';
    if (exp) {
        var date = new Date(); //创建事件对象date
        var d = date.getTime(); //令d为当前时间
        date.setTime(d + exp * 60 * 1000); //设置有效期，单位毫秒
        exp = date.toGMTString(); //转换格式
        time = ";expires=" + exp;
    }
    document.cookie = key + "=" + val + time; //若没有设置有效期，time就是一个空字符
}
setCookie("名字", "李四");
setCookie("爱好", "看书", 5);

读取cookie

先读取所有cookies,再对结果进行分割和遍历查找

代码

function getCookie(key) {
    var arr = document.cookie.split(";"); //获取所有的cookie,再获得cookie键值对组成的数组
    var arrTarget = arr.filter(v => {return v.indexOf(key) == 1;}); //只显示含有key的那个键值对
    var val = arrTarget[0].split("=")[1]; //获去一个数组[key,val]，再获得这个数组中的val
    console.log(val);
}
getCookie('名字'); //李四