js操作cookie

Posted 2020-11-02 Archibald Witwicky

cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。

 

添加Cookie

描述:

新建一条Cookie,交由浏览器管理!

参数说明:

name - 键值对的键,唯一标记一个值

value - 键值对的值,cookie存储的内容

expdays - cookie过期时间(有效时间)

function setCookie(name, value, expdays) {
    var expdate = new Date(); //设置Cookie过期日期
    expdate.setDate(expdate.getDate() + expdays); //添加Cookie
    document.cookie = name + "=" + escape(value) + ";expires=" + expdate.toUTCString();
}

 

获取Cookie

描述:

根据参数name,获取cookie里面对应的value值

function getCookie(name) { //获取name在Cookie中起止位置
    var start = document.cookie.indexOf(name + "=");
    if (start != -1) {
        start = start + name.length + 1; //获取value的终止位置
        var end = document.cookie.indexOf(";", start);
        if (end == -1) end = document.cookie.length; //截获cookie的value值,并返回
        return unescape(document.cookie.substring(start, end));
    }
    return "";
}

　　

删除Cookie

描述:

根据name,删除一条cookie(设置立即过期)

function delCookie(name) {
    setCookie(name, "", -1);
}

　　

 

扩展功能：

预先约定，相同key，多个value，value之间使用逗号分隔（，）

判断是否已经存在值

function isExistValue(key, val) {
  var value = getCookie(key);
  var index = value.indexOf(val);
  return index != -1;
}