Cookie的路径以及Cookie域

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

关于cookie的基本用法

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

cookie 路径

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

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

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的值设置成非主域的域名。

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

原文发布于微信公众号 - HTML5学堂(h5course-com)

原文发表时间:2015-12-30

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏听雨堂

Apache+wsgi+flask部署

flask自带的web server是开发用途,并不适用与发布,需要借助专业的web服务器。 配置的坑无数,Apache部署,403禁止,莫名其妙无法访问,50...

2849
来自专栏技术小讲堂

ASP.NET Core + Angular 2 Template for Visual Studio服务器端预加载的意义何在?Webpack 开发中间件模块热拔插(HMR)

多个月以来,我和多个Github上的社区贡献者一起建立支持库、包,我们最终的目的是希望完成这样一个作为起点的模板,也就是基于把Typescript代码和Angu...

3706
来自专栏醉程序

配置nginx + php7 + mongodb的centos服务器环境

1232
来自专栏Java学习之路

虚拟机工作站创建虚拟机并安装Linux教程 一丶什么是Linux:二丶为什么要学Linux:三丶安装虚拟机工作站和初始化虚拟机:四丶安装Linux操作系统

前言: 今天开始学习一下Linux,之前早就想看,但是一直没时间,最近把其他知识整理完了,终于有时间来看一下Linux了。 本节只是安装虚拟机工作站,虚拟机...

3665
来自专栏非著名程序员

每个人都该学git,最新GitHub与Git指令快速上手

写在前面:最近后台有人跟我说需要git上手教程,但是我又没时间写,就给大家找了一篇不错的上手文章,希望能够帮到大家,而且我还提供了一份关于git的视频教程,就在...

1938
来自专栏生信技能树

史上最全​Git使用手册

Git使用手册 目录: Git是什么 基本概念 Git的诞生 Git的安装与配置 创建版本库 Git操作略览 远程仓库:git的杀招 分支管理 便签管理 使用g...

2915
来自专栏赛冷思的专栏

【腾讯云的1001种玩法】个人网站如何开启HTTPS?

这是一篇分享网站开启HTTPS的文章,由于我所有云资源都是腾讯云的,所以本篇所有实例以及截图,全部都是以腾讯云为例,不过这些步骤流程都差不多,基本一致,所以,只...

1.5K1
来自专栏向治洪

Android 配置Freeline教程

Freeline简介 Freeline是蚂蚁金服旗下一站式理财平台蚂蚁聚宝团队15年10月在Android平台上的量身定做的一个基于动态替换的编译方案,5月阿里...

21610
来自专栏地方网络工作室的专栏

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十)打包项目并发布到子目录

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(十)打包项目并发布到子目录 前情回顾 通过上一章《Vue2+VueRou...

1968
来自专栏jeremy的技术点滴

开发者的博客写作环境

2617

扫码关注云+社区