By

文章目录

       在学校失业一个半月了，还没找到实习，悲剧，蛋疼，把jquery.cookie.js改了一下，改成了纯javascript版本，以备我以后项目只需，增加了一个得到页面全部cookie键值的功能。
主要是通过对document.cookie字符串的分析来进行功能的组装的。
       温习一下javascript中对cookie的操作：

  • 增加cookie可以用document.cookie=”userId=111”;来实现
  • 完整版可以用：document.cookie=”userId=111;domain=.google.com;path=\;secure=secure;expire=”+date.toGMTString();
  • 可以设置cookie的过期时间，域名，路径

       需要删除只要将expire的时间设为现在之前就可以了
       现在上我修改的javascript.cookie.js的类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
/*
cookie helper class
easy to write,get,delete
 */
var myCookie={
    get:function(name){
        if(typeof name != "undefined")
        {
            //if name given call the get value function
            return myCookie_get(name);
        }else{
            //if name is not given,i want get all the cookie item
            return myCookie_getAll();
        }
    },
    add:function(name,value,options){
        //write the cookie
        myCookie_add(name,value,options);
    },
    delete:function(name){
        //delete the cookie
        myCookie_add(name,null);
    }
}

String.prototype.Trim = function()
{
    return this.replace(/^\s+/g,"").replace(/\s+$/g,"");
}

/*
cookie write function
@name:the cookie name not null
@value:the cookie value null==delete the cookie
@option:{"expires":expire time;"path":/;"domain":localhost;"secure":secure}
 */
function myCookie_add(name,value,options)
{
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
        }
        var path = options.path ? '; path=' + options.path : '';
        var domain = options.domain ? '; domain=' + options.domain : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    }
}

/*
get the name cookie
@name:the cookie's name
 */
function myCookie_get(name)
{
    var cookieValue = null;
    if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = cookies[i].Trim();
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) == (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}

/*
get all the cookie return as a json
 */
function myCookie_getAll()
{
    var cookieArray = new Array();
    var str="";
    var temp;
    if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = cookies[i].Trim();
            temp=cookie.split('=');
            //take the
            cookieArray.push("{\"name\":\""+decodeURIComponent(temp[0])+"\",\"value\":\""+decodeURIComponent(temp[1])+"\"}");
        }
        str=cookieArray.join(",");
    }
    str="["+str+"]";
    return eval('('+str+')');
}

调用也是相当简单

1
2
3
4
5
6
7
8
9
myCookie.add("useraccount","admin",{"expires":5});//加入一个期限为5天的cookie
alert(myCookie.get("useraccount"));//取出cookie
cookies=myCookie.get();//得到所有的cookie
for(var i=0;i<cookies.length;i++)
{
    alert(cookies[i]["name"]+":"+cookies[i]["value"]);
}
myCookie.delete("useraccount");//删除刚刚添加的cookie
alert(myCookie.get("useraccount"));

希望大家指导指点

注：此文来自我的博客园

本作品采用[知识共享署名-非商业性使用-相同方式共享 2.5]中国大陆许可协议进行许可，我的博客欢迎复制共享，但在同时，希望保留我的署名权kubiCode，并且，不得用于商业用途。如您有任何疑问或者授权方面的协商，请给我留言。

文章目录