cookie的增删改查的封装

					cookie:

什么是cookie?
会话跟踪技术,用于保存用户页面访问数据的技术,可以在一个页面的多个相关页面间传递数据,在用户登录时可以保存用户名和密码,时效性有会话级别的和长生命周期的

什么是会话?
从页面开始访问到页面关闭为

// cookie的键值对只能侧面删除
// a.将key对应的value设置为''
// b.将expires = -1;
//let date = new Date();
//date.setDate(date.getDate()+10);
//document.cookie = "name=laowang;expires="+date;

    // 查
    function getCookie(key){
        let strCookie = document.cookie;
        let arrCookie = strCookie.split("; ");  //对初始的cookie字符以分号为界拆分,别忘了后面的空格
        for(let i=0; i<arrCookie.length; i++){  //对拆分后的键值对进行遍历
            let item = arrCookie[i].split("=");  //每对键值对以等号进行拆分
            if(item[0] == key){             //当找到输入的键时返回对应的值
                return item[1];
            }
        }
        return "";                  //没找到返回双引号;
    }

    //增改
    function setCookie(key,value,day){     //cookie的增改同理
        if(day==undefined){                //当不设置cookie有效期的时候,cookie的有效期为会话级别
            document.cookie = `${key}=${value}`;  
        }else{
            let date = new Date();        // 当有效期不为空的时候,为cookie加上时间
            date.setDate(date.getDate()+day);  
            document.cookie = `${key}=${value};expires=`+date;
        }
    } 

// 删   一般针对长生命周期的的cookie
    function delCookie(key){    //调用设置cookie 的函数,把cookie值设为空,有效期设置为-1
        setCookie(key,'', -1);  
    }
    delCookie("id");
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值