cookie的作用范围

同一浏览器,同一路径

默认情况下,

上级目录设置的cookie,下级目录可以获取到,

而下级目录设置的cookie,上级目录不能获取。

即:在一个页面设置cookie,那么这个页面的同一路径和子路径下的页面都可以获取cookie

示例如下:family文件夹下有children文件夹和a.html,b.html;chilren文件夹下有aa.html

若在a.html设置cookie:one=father;那么a.html,b.html和aa.html都可以获取到cookie:one=father;

然后再aa.html设置cookie:two=son,那么只有aa.html可以获取到cookie:two=son,

a.html和b.html都获取不到cookie:two=son

问题如何让上级获取到下级目录设置的cookie呢

则设置path属性,

设置整站都可以访问,上级就可以获取下级设置的cookie了

document.cookie = "key=value;path=/"

如果还需要设置cookie的到期时间

需要expires属性

格式为

document.cookie = "key=value;expires=到期时间" 

示例

  var date = new Date();
//设置有效时间为一个小时,一小时过后,将被浏览器删除
var expireTime = 30*60 * 1000;
date.setTime(date.getTime() + expireTime);
//escape()的作用:一种编码方式
document.cookie = "key=value;expires="+ date.toGMTString();

若cookie需设置多个属性,属性之间用分号";"隔开

示例同时需要设置expires和path属性

document.cookie = "key=value;expires=到期时间;path=/" 

cookie创建的函数

function saveCookie(key, value) {
var date = new Date();
//设置过期时间为一个小时
var expireTime = 60*60 * 1000;
date.setTime(date.getTime() + expireTime);
//escape()的作用:一种编码方式
//设置cookie过期时间为一小时以后,整站可以访问cookie
document.cookie = key + "=" + escape(value) + ";expires="
+ date.toGMTString();+"path=/";
}

获取cookie函数

function getCookie(key) {
// 可以搜索RegExp和match进行学习
var arr, reg = new RegExp("(^| )" + key+ "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg)) {
// unescape的作用解码通过escape编码的字符串
return unescape(arr[2]);
} else {
return null;
}
}

Cookie的作用范围、设置、创建、获取的方法的更多相关文章

  1. jquery尺寸和jQuery设置和获取内容方法

    一.jquery尺寸 jQuery 提供多个处理尺寸的重要方法: width()    设置或返回元素的宽度(不包括内边距.边框或外边距),括号中可填数值宽度参数,无单位 height()   设置或 ...

  2. Python Flask,cookie,session ,设置、获取、删除

    使用Response类的set_cookie()方法可以设置cookie: Response.set_cookie( key, //键 value='', //值 max_age=None, //秒为 ...

  3. cookie值的设置,获取及删除

    <script> function setCookie( key, val, expire){ var dateTime = new Date(); dateTime.setTime( d ...

  4. django设置并获取cookie/session,文件上传,ajax接收文件,post/get请求及跨域请求等的方法

    django设置并获取cookie/session,文件上传,ajax接收文件等的方法: views.py文件: from django.shortcuts import render,HttpRes ...

  5. session,cookie,sessionStorage,localStorage的相关设置以及获取删除

    一.cookie 什么是 Cookie? "cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScrip ...

  6. php设置和获取cookie

    php设置和获取cookie setcookie()调用只带有name参数的setcookie(); ()使失效时间为time()或time-; <?php setcookie(); PHP提供 ...

  7. JavaScript中的内置对象-8--4.date对象中-获取,设置日期时间的方法; 获取,设置年月日时分秒及星期的方法;

    学习目标 1.掌握创建日期对象的方法 2.掌握date对象中获取日期时间的方法 3.掌握date对象中设置日期时间的方法 如何创建一个日期对象 语法:new Date(); 功能:创建一个日期时间对象 ...

  8. Thread类的常用方法_获取线程名称的方法和Thread类的常用方法_设置线程名称的方法

    构造方法: public Thread();分配一个新的线程对象 public Thread(String name);分配一个指定名字的新的线程对象 public Thread(Runnable t ...

  9. js设置、获取单值cookie和多值cookie

    js设置.获取单值cookie和多值cookie,代码如下: var CookieUtil = (function () { var Cookie = function () { // 获取单值coo ...

随机推荐

  1. idea开发springboot 的mysql数据库连接问题

    今天在家用idea进行springboot开发,前面一些坑相对避免了,但是到数据库这块总是连接不上,报错主要是: Access denied for user 'root'@'localhost' ( ...

  2. 配置tomcat、nginx实现反向代理(需操作)

    配置tomcat.nginx实现反向代理现在我想通过nginx访问tomcat 这就要我们去修改nginx的核心配置文件,在其目录下的conf文件夹下的nginx.conf文件,那么首先我们就要了解该 ...

  3. FULLTEXT INDEX全文索引

    给现有的wxinfo表的sourceUrl 字段创建全文索引 ALTER TABLE wxinfo ADD FULLTEXT INDEX sourceUrl (sourceUrl) 创建全文索引前: ...

  4. benchmark与gem5-gpu交互

    gem5-gpu作为一个异构多核系统的模拟器,当我们使用异构融合多核处理器架构(特别是支持HSA的处理器架构)运行GPU与CPU的benchmark时,研究自己设计的算法或添加的硬件对GPU与CPU存 ...

  5. javascript 对象只读

    var person = {}; Object.defineProperty(person, "name", { writable: false, value: "nic ...

  6. Day 16:输入输出字符流、缓冲输入字符流

    输入输出字节流输出字符时的常见问题 import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStre ...

  7. P 1029 旧键盘

    转跳点:

  8. 【Android】家庭记账本手机版开发报告一

    一.说在前面 昨天 学习了数据库的一些简单操作 今天 使用数据库,完成对记账本的账单记录的增删 问题 没有 二.数据库 1.账单表的结构 (注 id:账单的唯一标识,uid:记录账单的用户的id,co ...

  9. POJ 1284:Primitive Roots 求原根的数量

    Primitive Roots Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 3381   Accepted: 1980 D ...

  10. tensorflow-cnnn-mnist

    #coding=utf-8import tensorflow as tfimport numpy as npimport matplotlib .pyplot as pltfrom tensorflo ...