js设置cookie，为cookie中设置多个key value

旧城等待， 2022-07-26 00:13 389阅读 0赞

一下是犀牛书中实现的操作cookie的api

function cookieStorage(maxage, path) { 
        var cookie = (function() { 
                var cookie = {};
                var all = document.cookie;
                if(all == "")
                    return cookie;
                var list = all.split(";");
                for(var i=0; i<list.length;i++){
                    var cookie = list[i];
                    var p = cookie.indexOf("=");
                    var name = list[i].substring(0,p);
                    var value = list[i].substring(p+1);
                    value = decoudeURIComponent(value);
                    cookie[name] = value;
                }
                return cookie;
            }());
        var keys = [];
        for(var key in cookie)
                keys.push(key);
        this.length = keys.length;
    
        this.key  = function(n){ 
            if(n<O||n>keys.length)
                return null;
            return keys[n];
        };
    
        this.getItem = function(name){ 
            return cookie[name]||null;
        };
    
        this.setItem = function(key, value){ 
            if(!(key in cookie)){
                keys.push(key);
                this.length++;
            }
    
            cookie[key] = value;
    
            var cookie = key +"="+encoudeURIComponent(value);
            if(maxage) cookie += ";max-age="+maxage;
            if(path) cookie += ";path="+path;
            document.cookie = cookie;
        };
        this.removeItem = function(key){ 
            if(!(key in keys)) return;
            delete cookie[key];
    
            for(var i=0;i<cookie.length;i++){
                if(keys[i]===key){
                    keys.splice(i,1);
                    break;
                }
            }
            this.length--;
            document.cookie = key+"=;max-age=0";
        };
        this.clear = function(){ 
            for(var i=0;i<keys.length;i++){
                document.cookie = key+"=;max-age=0";
            }
            cookie = {};
            keys=[];
            this.length=0;
        };
    }

在看到setItem这里我很疑惑，最后它直接定义一个新的cookie然后document.cookie = cookie;  
这样难道不会覆盖之前的值吗，怎么设置多个key和value；  
是这样的：  
要改变cookie的值，需要使用想呕吐那个的名字、路径和域，但是新的值重新设置cookie的值。  
要删除一个cookie，需要使用相同的名字、路径和域，然后指定一个任意（非空）的值，并将max-age属性值指定为0，在此设置cookie。

--------------------

cookie的局限性：  
1.IE6一下最多20个cookie  
2.IE7和之后可以有50个cookie  
3.FF之后可以有50个cookie  
4.chrome和safari没有硬性限制  
IE和opera会清理近期最少使用的cookie，FF会随机清理cookie。  
cookie的最大大于为4094字节，每个domain最多只能有20条。

--------------------

发表评论取消回复

表情：

评论列表（有 0 条评论，389人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS如何设置cookie、读取cookie及删除cookie

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1] JavaScript是运行在客户端的脚本，因此一般是不能够设

绝地灬酷狼/ 2024年03月30日 16:28/ 0 赞/ 93 阅读

相关 cookies设置(cookies设置怎么打开)

怎样在浏览器设置cookies 1. ie浏览器：点击浏览器“工具”——“internet选项”——“隐私”——将“阻止所有cookie”调低级别——点击“保存”——重启

悠悠/ 2023年09月26日 13:11/ 0 赞/ 129 阅读

相关 JS设置cookie、读取cookie、删除cookie

JS设置cookie、读取cookie、删除cookie cookie是网站设计者放置在客户端的小文本文件，一般后台语言使用的比较多，可以实现用户个性化的一些需求。

深藏阁楼爱情的钟/ 2023年07月24日 02:05/ 0 赞/ 31 阅读

相关设置cookie

const express = require("express"); const app = express(); const port = 3

约定不等于承诺〃/ 2023年07月11日 12:41/ 0 赞/ 15 阅读

相关 JS设置Cookie

设置Cookie setCookie(c_name, c_pwd, exdays) { let exdate = new Date(); //获取

超、凢脫俗/ 2022年11月21日 09:47/ 0 赞/ 175 阅读

相关 js设置cookie，为cookie中设置多个key value

一下是犀牛书中实现的操作cookie的api function cookieStorage(maxage, path) { var cookie =

旧城等待，/ 2022年07月26日 00:13/ 0 赞/ 390 阅读

相关运用JS设置cookie、读取cookie、删除cookie

JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS

逃离我推掉我的手/ 2022年06月18日 00:52/ 0 赞/ 222 阅读

相关 JS设置cookie、读取cookie、删除cookie

【转自：http://www.jb51.net/article/64330.htm】 JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Se

喜欢ヅ旅行/ 2022年06月03日 04:08/ 0 赞/ 253 阅读

相关运用JS设置cookie、读取cookie、删除cookie

JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS

以你之姓@/ 2022年05月27日 03:00/ 0 赞/ 248 阅读

相关 JS设置cookie

封装js代码 var Cookie = { set: function(key, val, expiresDays){ //这里传天数

秒速五厘米/ 2022年05月26日 08:11/ 0 赞/ 188 阅读