js删除cookie不成功

Posted 2020-09-20

最近在做一个项目，js删除cookie老是不成功，最后发现是没有指定cookie的域

js删除cookie其实是改变cookie的过期时间，将cookie的过期时间设置为过去，以下几项是必须要指定的

1.cookie名

2.cookie值

3.cookie过期时间

4.cookie域

5.cookie路径

以上几项缺一不可，必须都要有才能修改cookie

具体代码如下：

 1 /**设置cookie
 2      * @param {cookie名}
 3      * @param {cookie值}
 4      * @param {设置cookie域}
 5      * @param {过期时间（天）} [varname]
 6      */
 7     function setCookie(name, value, domain, day) {
 8         var date = new Date();
 9 
10         date.setTime(date.getTime()+1000*60*60*24*day);
11         document.cookie = name+‘=‘+value+‘;expires=‘+date+‘;domain=‘+domain+‘;path=/‘;
12     }
13 
14     /**
15      * 获取cookie
16      * @return {[type]} [description]
17      */
18     function getCookie(name) {
19         var data = document.cookie.split(‘;‘),
20             param = {};
21         for (var i = 0; i < data.length; i++) {
22             param[data[i].split(‘=‘)[0].replace(/\\s/,‘‘)] = data[i].split(‘=‘)[1];
23         }
24         return param[name];
25     }
26 
27     /**
28      * 删除cookie
29      * name: 删除cookie名
30      * domain: 所在的域
31      */
32     function delCookie(name, domain) {
33         document.cookie = name+‘=‘+getCookie(name)+‘;expires=‘+(new Date(1))+‘;domain=‘+domain+‘;path=/‘;
34     }

 比如现在我要删除_uij这个cookie，我从chrome开发者工具，application面板cookie选项查看以下该cookie的domain为.renren.com(注意renren前面有个.)

delCookie(‘_uij‘, ‘.renren.com‘);

就可以删除了