当前位置:网站首页>js操作Cookie,js设置Cookie值,js读取Cookie值

js操作Cookie,js设置Cookie值,js读取Cookie值

2022-06-21 06:50:00 技匠而已

js对Cookie的操作

前言:

​ 这里简要介绍使用java对Cookie进行操作的方法, 但并不建议使用Cookie,因为有些用户会禁用网站使用的Cookie,如果使用不当会导致用户无法使用网站,所以对Cookie进行简要介绍,了解就好。

js函数使用方法

//设置Cookie中的名称与值以及过期时间【单位:天】
Cookie.set("page", page, 100)

//获取Cookie中的值
var page = Cookie.get("page");

//移除Cookie
Cookie.remove("page");

js函数

var Cookie = {
    
    set: function (key, value, exdays) {
    
        //校验Key, key中不能有等号【=】
        if(key.indexOf("=") !== -1) {
    
            throw new Error("Cookie不支持key中使用等号【=】, key:" + key)
        }
        let exdate = new Date() // 获取时间
        exdate.setTime(exdate.getTime() + 24 * 60 * 60 * 1000 * exdays) // 保存的天数
        // 字符串拼接cookie
        // eslint-disable-next-line camelcase
        window.document.cookie = key + '=' + value + ';path=/;expires=' + exdate.toGMTString()
    },

    get: function (key) {
    
        if (document.cookie.length > 0) {
     
            // 这里显示的格式需要切割一下自己可输出看下
            var arr = document.cookie.split('; ')
            for (let i = 0; i < arr.length; i++) {
    
                let arr2 = arr[i].split('=') // 再次切割
                // 判断查找相对应的值
                if (arr2[0] === key) {
    
                    var value = arr2[1];
                    for (let j = 2; j < arr2.length; j++) {
    
                        value += '=' + arr2[j];
                    }
                    return value;
                }
            }
        }
    },

    remove: function (key) {
    
        set(key, '', -1);
    }
};
原网站

版权声明
本文为[技匠而已]所创,转载请带上原文链接,感谢
https://blog.csdn.net/L_fly_J/article/details/125240389