浏览器cookie那些事儿

 

1、介绍

①什么是cookie

• 页面用来保存信息

--比如，自动登录，记住用户名等

• cookie的特性

--同一个网站中所有页面共享一套cookie

--数量大小有限

--过期时间

• js中使用cookie

document.cookie

②cookie的使用

• 设置cookie

--格式 :名字=值

--不会覆盖

--过期时间：expires=时间（如果没有指定过期时间，默认浏览器窗口关闭过期）

>>日期对象使用

--封装函数

//设置存cookie
            //时间以毫秒为单位，请记得换算好时间哦（1秒=1000,1分钟=60*1000）
            function setCookie(sname, svalue, stime) {
                var sdate = new Date();
                sdate.setTime(sdate.getTime() + stime);
                document.cookie = sname + "=" + svalue + ";expires=" + sdate.toGMTString();

            }

• 读取cookie

--字符串分割

//读取cookie
            function getCookie(sname) { //获取单个cookies
                var acookie = document.cookie.split("; ");
                for (var i = 0; i < acookie.length; i++) {
                    var arr = acookie[i].split("=");
                    if (sname == arr[0]) {
                        if (arr.length > 1)
                        //unescape() 函数可对通过 escape() 编码的字符串进行解码。
                        //decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。
                        //decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
                        //ECMAScript v3 已从标准中删除了 unescape() 函数，并反对使用它，因此应该用 decodeURI() 和 decodeURIComponent() 取而代之。
                            return decodeURIComponent(arr[1]);
                        else
                            return "";
                    }
                }
                return "";
            }

• 删除cookie

--已经过期

//删除cookie
            function deleteCookie(dname) {
                var date = new Date();
                date.setDate(date.getDate() - 1);
                var dvalue = getCookie(dname);
                document.cookie = dname + '=' + dvalue + ';expires=' + date;
            }

提示：cookie在服务器上能正常使用，如果想在本地测试cookie，请选择火狐浏览器，可以查看到自己存的cookie哦。

2、你可能会遇到的问题---中文乱码

先后台（这里用到的是Java）编码

Cookie cookie = new Cookie("User",URLEncoder.encode(username，"utf-8"));

后前台js解码

var username = decodeURI(username);

3、cookie的利弊（借鉴）

这个博主对cookie写的比较详细可以参考一下下。

http://www.cnblogs.com/Heaven1020/p/5361711.html

有啥不足或者意见建议， 留言补充哦，谢谢。