JS中cookie的封装 (没有加密处理)

本文介绍了一种使用原生JavaScript对cookie进行封装的方法,包括设置和获取cookie的功能。通过setCookie函数可以设定cookie的有效期和路径,getCookie函数则用于从浏览器中读取指定名称的cookie值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原生JS中的cookie的封装

function setCookie(key,value,days,path){
    path = path || "/";
    if(days){

        var date = new Date();
        date.setDate(date.getDate()+days);
        document.cookie =encodeURIComponent(key) + "=" +encodeURIComponent(value) + ";expires=" + date+";path="+path;
    }
    else{
        document.cookie =encodeURIComponent(key) + "=" +encodeURIComponent(value) +";path="+path;
    }
}

function getCookie(key){
    var cookieStr = document.cookie;
    if(cookieStr){
        var cookieList = cookieStr.split("; ");
        for(var i = 0 ;i < cookieList.length;i++){
            var cookie = cookieList[i];
            var item = cookie.split("=");
            var itemKey = item[0];
            if(itemKey ==encodeURIComponent(key)){
                return	decodeURIComponent(item[1]);
            }
        }
        return "";
    }else{
        return "";
    }
}

页面的调用方法

setCookie("loginId", list["loginId"], 7)let userid = getCookie("loginId");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值