专注于WEB前端开发,HTML基础知识,CSS基础知识,HTML5和CSS3,Javascript,Jquery,Jquery插件,移动开发,微信开发等技术话题

当前位置:CSSTOP主页 > JS Bom > 正文

JavaScript修改和删除cookie

JavaScript 通过 document.cookie 来修改和删除 cookie 。

JavaScript 在设置 cookie 时会遵循这样一条原则:新设置的 cookie 如果与原有的 cookie 相同(名称、路径和域名都相同),会将原有的 cookie 覆盖(采用新 cookie) 。

这就给我们提供了一种修改和删除 cookie 的方法——直接覆盖原有的 cookie 。

例如,有这样一个 cookie:
username=itxueyuan;expire=1369929124191;path=/;domain=www.csstop.com
将用户名修改为“JavaScript”,并设置一天后过期:
var date=new Date();
var cookieExpire=date.getTime()+24*3600*1000;
// 修改 cookie 时,名称、路径和域名必须相同
document.cookie=" username=JavaScript  ; expire= " + cookieExpire + " ;path=/;domain=www.csstop.com ";
删除该cookie
var date=new Date();
var cookieExpire=date.getTime()-1000; // 设置为一个过去的时间
// 删除 cookie 时,名称、路径和域名必须相同
document.cookie=" username=JavaScript  ; expire= " + cookieExpire + " ;path=/;domain=www.csstop.com ";

注:为了删除一个cookie,可以将其过期时间设定为一个过去的时间