JavaScript操作cookie

最新推荐文章于 2024-12-08 07:08:42 发布

原创最新推荐文章于 2024-12-08 07:08:42 发布 · 388 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #cookie

Web前端专栏收录该内容

29 篇文章

订阅专栏

本文介绍了如何使用JavaScript进行Cookie的基本操作，包括设置、读取和销毁Cookie的方法，并提供了实用的代码示例。

参考自石川讲师讲授的内容，在此表示感谢

言归正传，JavaScript操作cookie，分为三个阶段：

第一，设置cookie：

setCookie = function (name, value, days) {
                        var date = new Date();
                        date.setDate(date.getDate() + days);
                        document.cookie = name + "=" + value + ";expires=" + date;
                    }

以上是设置cookie的代码，特别简单，就不给大家具体解释了，如果这个你都不知道，我要劝退你了

第二，读取cookie：

getCookie = function (name) {
                        var cookie = document.cookie.split("; ");
                        for (var i = 0; i < cookie.length; i++) {
                            var value = cookie[i].split("=");
                            if (value[0] == name) {
                                return value[1];
                            }
                        }
                        return "";
                    }

解释下，cookie就是一串以分号空格风格的文本，先以此进行以此分割，就得到了对应的键值对了，不过中间多了个等号，于是乎，在一等号分割，就得到了键和值，遍历一下所有的信息，如果得到了我们想要的结果，那么就向调用者返回cookie的值，如果没有就返回空值

第三，销毁cookide：

这个简单的不能再简单了

setOutDate = function (name) {
                        this.setCookie(name, 1, -1);
                        return this;
                    }

因为cookie过期了，浏览器自动就销毁了，但是，以上的代码还能够再优化，于是我们做以下优化，得到如下代码：

var OpreateCookie = function () {
                    var context = new Object();
                    context.setCookie = function (name, value, days) {
                        var date = new Date();
                        date.setDate(date.getDate() + days);
                        document.cookie = name + "=" + value + ";expires=" + date;
                        return this;
                    }
                    context.getCookie = function (name) {
                        var cookie = document.cookie.split("; ");
                        for (var i = 0; i < cookie.length; i++) {
                            var value = cookie[i].split("=");
                            if (value[0] == name) {
                                return value[0];
                            }
                        }
                        return "";
                    }
                    context.setOutDate = function (name) {
                        this.setCookie(name, 1, -1);
                        return this;
                    }
                    return context;
                }

这样我们就把cookie的操作封装到了一起了，以后在项目中要使用的时候，可以直接引入即可，方便快捷