用JS超简单的修改和删除cookie

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

JS 在设置 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，可以将其过期时间设定为一个过去的时间。

文/丁向明

做一个有博客的web前端自媒体人，专注web前端开发，关注用户体验，加我qq/微信交流：6135833

http://dingxiangming.com