JS设置cookie

封装js代码

var Cookie = {
    set: function(key, val, expiresDays){//这里传天数
        //判断是否设置expiresDays
        if (expiresDays){
            //说明要保存Cookie有效期
            var date = new Date();
            date.setTime(date.getTime()+expiresDays*24*3600*1000);//这里是微秒,格式化时间
            var expiresStr = "expires=" + date.toGMTString() + ';' ;
        } else {
            var expiresStr = '';
        }
        //拼接Cookie,注意大小写
        document.cookie = key+'='+escape(val)+';' + expiresStr;//escape()字符串进行编码
    },

    get: function(key){
        //Cookie存储格式:"key1=val1; key2=val2; key3=val3"
        var getCookie = document.cookie.replace(/[ ]/g,'');//把[ ] 换成 '' 
        //通过';'分割成数组
        var resArr = getCookie.split(';');
        var res;
        for (var i = 0; i < resArr.length; i++) {
            var arr = resArr[i].split('=');
            //判断传入key是否找到存储对应的val
            if (arr[0] == key){
                res = arr[1];
                break;
            }
        }
        return unescape(res);//解码
    }

}

在chrome浏览器的开发中工具中的Console,直接粘贴这段封装好的代码如图
这里写图片描述


设置Cookie

这里写图片描述

查看浏览器已经设置好的cookie如图
这里写图片描述

读取Cookie

chrome浏览器的开发者中工具中Console如图
这里写图片描述

### 使用 JavaScript 设置 Cookie 在 Web 开发中,可以通过 `document.cookie` 属性来设置 Cookie。以下是详细的说明和代码示例: #### 基本语法 要设置一个 Cookie,可以使用如下语法规则: ```javascript document.cookie = "name=value; expires=date; path=path; domain=domain; secure"; ``` 其中: - **name=value**:指定 Cookie 的名称和对应的值。 - **expires=date**:可选参数,定义 Cookie 过期时间。如果未指定,则该 Cookie 将在浏览器关闭时失效[^1]。 - **path=path**:可选参数,定义 Cookie 可访问的路径,默认为当前文档所在的目录或子目录[^2]。 - **domain=domain**:可选参数,定义 Cookie 所属的域名[^3]。 - **secure**:可选标志,表示只有通过 HTTPS 协议传输时才能访问此 Cookie。 #### 示例代码 以下是一个完整的示例,展示如何使用 JavaScript 创建一个名为 `username` 的 Cookie 并为其赋值 `John Doe`,同时设置过期时间为一天后: ```javascript // 当前日期加上一天的时间戳 let date = new Date(); date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000)); // 加上一天 let expires = "; expires=" + date.toUTCString(); // 转换为 UTC 字符串 // 设置 Cookie document.cookie = "username=John Doe" + expires + "; path=/"; // 添加其他选项如 path 和 expires ``` #### 注意事项 当设置 Cookie 时需要注意以下几个方面: - 如果不设置 `expires` 参数,Cookie 默认会在浏览器会话结束时被清除。 - `path` 参数通常建议设为根路径 (`/`),以便在整个站点范围内可用[^2]。 - 对于涉及敏感数据的操作,应启用 `Secure` 标志并确保通信协议为 HTTPS[^3]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值