Cookie的路径以及Cookie域

HTML5学堂：在之前的文章《使用cookie实现换肤功能》当中，曾经介绍过关于cookie的用法，也书写了一个简单的demo，在这篇文章当中，主要针对cookie中的路径和域的问题进行讲解。

关于cookie的基本用法

在此前的《cookie语法 使用cookie实现换肤功能》一篇文章当中，针对cookie的用法进行了比较详细的介绍，感兴趣的同学可以点击查看，在这篇文章当中我们就不进行额外的讲解了。

cookie 路径

cookie 一般都是由于用户访问页面而被创建的，可是并不是只有在创建 cookie 的页面才可以访问这个cookie。在默认情况下，出于安全方面的考虑，只有与创建 cookie 的页面处于同一个目录或在创建cookie页面的子目录下的网页才可以访问。那么此时如果希望其父级或者整个网页都能够使用cookie，就需要进行路径的设置。

让这个设置的cookie 能被其他目录或者父级的目录访问的方法：

1. document.cookie = "userName = HTML5学堂刘国利; path=/";

cookie 域

路径能解决在同一个域下访问 cookie 的问题，那么如何解决同一个主域下的访问问题呢？我们可以通过指定可访问cookie的主机名来进行设置。

document.cookie="name=value; domain=cookieDomain";

例如 "www.baidu.com" 与 "mp3.baidu.com" 公用一个关联的域名"baidu.com"，我们如果想让 "www.baidu.com" 下的cookie被 "mp3.baidu.com" 访问，我们就需要用到 cookie 的domain属性，并且需要把path属性设置为 "/"

这里需要注意一点：一定的是同域之间的访问，不能把domain的值设置成非主域的域名。

1. document.cookie = "userName = HTML5学堂刘国利; path=/; domain=baidu.com"

欢迎沟通交流~HTML5学堂