HTML5学堂-码匠 HTML5学堂

您当前位于:DOM 文档操作 ——> 本地缓存cookie的路径、Cookie域(大公司常见考题)

本地缓存cookie的路径、Cookie域(大公司常见考题)

2015/07/28 08:39:40 | 作者:HTML5学堂(码匠) | 分类:DOM 文档操作 | 关键词:本地存储,缓存,cookie,域,路径

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学堂

微信公众号,HTML5学堂,码匠,原创文章,WEB前端,技术分享

HTML5学堂

原创前端技术分享

HTML5学堂,HTML5,WEB,前端,视频课程,技术视频,学习视频,面试,JS

原创视频课程

用心打造精品课程

微信小程序,决胜前端,面试题,面试题集合,前端,HTML5,真题

小程序-决胜前端

前端面试题宝库

原创书籍,学习书籍,书籍推荐,HTML5布局之路,HTML5,WEB前端

HTML5布局之路

非传统模式讲解前端

iOS,APP,码集,案例交互,JavaScript学习,WEB前端,HTML5

iOS APP 码集

案例交互式学习JS