封装cookie

最新推荐文章于 2023-03-14 20:48:35 发布

原创最新推荐文章于 2023-03-14 20:48:35 发布 · 215 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文深入讲解了cookie的三种核心API：设置、获取和移除。通过JavaScript实现，详细介绍了如何利用这些API进行cookie的管理，包括设置cookie的有效期，读取特定的cookie值以及如何清除不再需要的cookie。

cookie的API主要是三种：

设置（setCookie）：传入三个参数：key（关键字）、value（值）、day（保存的时间）
获取（getCookie）：传入key就可以获取相对应的value
移除（removeCookie）：传入key就可以删除

//设置cookie
function setCookie(key,value,day){
    if (day) {
        var d = new Date();
        d.setDate(d.getDate()+day);
        document.cookie = key + '=' + escape(value) + '; expires='+d;
    } else {
        document.cookie = key + '=' + escape(value);
    }
}

//获取cookie
function getCookie(key){
    var arr1 = document.cookie.split('; ');
    for (var i = 0; i < arr1.length; i++){
        var arr2 = arr1[i].split('=');
        if (arr2[0] === key) {
            return unescape(arr2[1]);
        }
    }
    return null;
}

//删除cookie
function removeCookie(key){
    setCookie(key,'123',-10);
}