javascript 操作cookie

cookie的组成:
cookie由以下几个部分组成:
1. name
2. value
3. 其他属性(max-age、path、domain、secure)

  • max-age:cookie存在的秒树,max-age=1000,即此cookie会在1000秒后被删除。
  • path和domain:域名和路径定义了一个cookie的可见范围,它告诉浏览器这个cookie的归属范围。出于安全原因,domain只能设置为当前域名的上层域名,比如在example.com下就不能把cookie的domain设置为a.example.com,而a.example.com可以设置cookie的domain为example.com,对于 path ,如果一个 cookie 的 path 为 /doc 那么在 /doc/ 下面的所有页面都能访问到这个 cookie (前提是 domain 也是满足要求)
  • secure 设置这个属性之后,cookie就成为一个secure cookie,只会在加密传输的时候携带该cookie。

1. 设置cookie 

直接在document.cookie上面赋值就好了,不会影响原有的cookie值```

function setCookie(name, value, dayToLive, option) {
   var cookie = name + ‘=‘ + encodeURI(value);
   if (typeof datToLive === ‘number‘) {
      cookie += ‘;max-age=‘ + dayToLive * 24 * 60 * 60;
   }
  if (option) {
     for (var key in option) {
    if (key == ‘domain‘) {
       cookie += ‘;domain=‘ + option[key];
    } else if (key == ‘path‘){
       cookie += ‘;path=‘ + option[key];
   } else {
       cookie += ‘;secure‘;
   }
   }
}
   document.cookie = cookie;
}

2. 获取cookie 
浏览器端无法拿到cookie的过期时间、domain、path等信息,多条cookie之间是通过(;空格)分割的 /;\s/

function getCookie (name) {
var cookie = document.cookie;
var cookieArr = cookie.split(/;\s/);
for (var i = 0; i < cookieArr.length; i++) {
var pair = cookieArr[i].split(‘=‘);
if (pair[0] == name) {
return decodeURI(pair[1]);
}
}
return null;
}
时间: 2024-08-02 15:11:16

javascript 操作cookie的相关文章

javascript操作cookie简单插件

javascript操作cookie简单插件:恰当灵活的使用cookie可以给用户带来诸多方便,尽管它一直被不少人士所诟病,但是它的应用还是无处不在,关于cookie这里就不多介绍了,具体可以参阅javascript如何操作cookie一章节,下面给出操作cookie的一个简单插件,代码如下: var cookie={ //创建cookie setCookie:function (name, value, iDay) { var oDate = new Date(); oDate.setDate

使用JavaScript操作Cookie

使用JavaScript操作Cookie 相关文档请见DHTML.CHM.里面有完整的操作方法说明.以下是代码示例. 1.使用JavaScript保存一个Cookie var date = new Date(); //声明当前时间 var time = 1000*60*60*24; //这是一天.1000毫秒(即1秒)*60=1分钟 time = date.getTime()+time; //当前时间的毫秒值相加 date.setTime(time); //设置时间,这时的时间已经是加上1天以后

Javascript操作cookie

从事web开发也有些日子了,cookie 是个啥差不多能说明白,可是实际自己一上手操作就是得去搜索(你们懂的),结果被鄙视了...所以就写一篇博文做为自己的学习笔记 什么是 Cookie "cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值." - w3school cookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人资料信息. 从JavaS

JavaScript 操作 Cookie

从事web开发也有些日子了,cookie 是个啥差不多能说明白,可是实际自己一上手操作就是得去搜索(你们懂的),结果被鄙视了...所以就写一篇博文做为自己的学习笔记,嘿嘿,博客的好处在此体现出来了. 什么是 Cookie “cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.你可以使用 JavaScript 来创建和取回 cookie 的值.” - w3school cookie 是访问过的网站创建的文件,用于存储浏览信息,例如个人

Javascript操作Cookie(增,删,改,查)

1 //1. 获得指定名称为ObjName的Cookie的值 2 function getCookie(ObjName){ 3 var arrStr = document.cookie.split("; "); //各个Cookie之间以:分隔 4 for(var i=0;i<arrStr.length;i++){ 5 var temp = arrStr[i].split("="); //Cookie名和Cookie值之间以 = 分隔 6 if(temp[0]

java与javascript对cookie操作的工具类

Java对cookie的操作 package cn.utils; import java.util.HashMap; import java.util.Map; import javax.servlet.http.Cookie; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * 操作cookie的工具类(默认cookie的有效路径为"/")

Selenium(十二):操作Cookie、调用JavaScript、HTML5的视频播放

1. 操作Cookie 有时候我们想要验证浏览器中cookie是否正确,因为基于真实cookie的测试是无法通过白盒和集成测试的.WebDriver提供了操作Cookie的相关方法,可以读取.添加和删除cookie信息. WebDriver操作cookie的方法: get_cookies():获得所有cookie信息 ge_cookie(name):返回字典的key为“name”的cookie信息 add_cookie(cookie_dict):添加cookie.“cookie_dict”指字典

httpOnly实现防止XSS时避免JavaScript读取cookie

如果cookie设置了HttpOnly标志,可以在发生XSS时避免JavaScript读取cookie,这也是HttpOnly被引入的原因. 实现方式: PHP中的设置     1.在php.ini中  session.cookie_httponly = true     2.在程序中全局设定:  <?php  ini_set("session.cookie_httponly", 1);  // or  session_set_cookie_params(0, NULL, NUL

js操作cookie

    前言 最近的一个项目需要做用户最近浏览的效果,需要使用cookie存储的方式来实现,找了一下相关的资料,于是便有了本篇博文,写js操作cookie的文章挺多的,不过我觉得自己还有必要记录一的,毕竟自己的东西印象更加的深刻,也方便以后的查找使用,再次感谢一下网络资料的无私奉献者们——祝你们身体健康,愿上帝与你们同在. 1:处理cookie的js文件,代码简单注释尚可,建议先看一下W3C有关cookie资料(链接往下拉!) /*useCookie.js:处理cookie的文件*/ /** *