封装的cookie存储、获取、删除方法

最新推荐文章于 2022-05-04 19:25:29 发布

weixin_34191845

最新推荐文章于 2022-05-04 19:25:29 发布

阅读量140

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2299924/blog/3021800

本文介绍了一种使用JavaScript进行Cookie操作的方法，包括设置、获取和删除Cookie。通过简单的函数封装，可以轻松实现Cookie的管理和控制，适用于网页应用中用户状态的临时存储。

2019独角兽企业重金招聘Python工程师标准>>>

封装的cookie存储、获取、删除方法

1、设置cookie

function setCookie(key, value, t) {
    var oDate = new Date();  //创建日期对象
    oDate.setDate( oDate.getDate() + t ); //设置过期时间
    document.cookie = key + '=' + value + ';expires=' + oDate.toGMTString();  //设置cookie的名称，数值，过期时间
}

调用方法：setCookie(cookie名称，cookie数值，过期时间（天）)

setCookie('sex','男', 10);

描述：如果过期时间不按照天数计算，则需修改函数里的getDate()为所需的方法

2、获取cookie的单个数值

复制代码

function getCookie(key) {
    var arr1 = document.cookie.split('; '); //将cookie按“; ”分割，数组元素为： cookie名=cookie值
    for (var i=0; i<arr1.length; i++) {  //分割数组里的每个元素
        var arr2 = arr1[i].split('='); //按照“=”分割
        if ( arr2[0] == key ) { //如果数组的第一个元素等于给定的cookie名称
            return decodeURI(arr2[1]);  //返回翻译编码后的cookie值
        }
    }
}

复制代码

调用方法：getCookie(cookie名称)

getCookie('username');

3、移除cookie

function removeCookie(key) {
    setCookie(key, '', -1);  //cookie的过期时间设为昨天
}

调用方法：removeCookie(cookie名称)

removeCookie('age');

转载于:https://my.oschina.net/u/2299924/blog/3021800