在开发过程中我们需要在js中操作cookie

最近开发就遇到一个场景：

我们项目采用的springmvc，每一个url我们都存入了数据库做了权限控制；

现在需要在访问这些url的时候需要额外的向后台传入一些额外的参数，如果修改url的话那么就要修改数据库里的每一条数据，这样就很麻烦而且容易出错；

于是我的解决方案就是在访问这些url前动态的设置cookie，这样在后台controller里就能拿到动态传入的新的参数了。

1、js设置cookie

举例：document.cookie="name=chen";

如果需要操作iframe里的cookie，则类似：

document.getElementById("ifr").contentWindow.document.cookie="name=chen";

window.frames[0].contentWindow.document.cookie="name=chen";

执行这句js即会向cookie中新增一个key为name值为chen的数据，而且在关闭浏览器页面时这个cookie项也就被销毁了；

2、设置cookie的失效时间

举例：

document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT;";

3、设置path

在不同目录下的js设置的cookie互相之间访问是有访问隔离的，比如

http://www.a.com/f1下的html里js设置的cookie1，http://www.a.com/f2下的html里的js默认是拿不到cookie1的，为了让整个应用的cookie能取消这种访问限制可以在创建cookie时指定一个path

举例：document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

4、cookie域属性设置

举例：document.cookie = "username=666; path=/; domain=baidu.com"

5、删除cookie

只需要把值设置成空即可

记录：document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";