js操作cookie

原创 2018年04月17日 18:28:46

以下内容属于个人理解,如有错误欢迎指正。

cookie:为了辨别用户身份而进行的session跟踪存储在本地终端上的数据。


cookie的工作原理:

初次:

服务器  —(写入信息)—>  客户端

以后:

客户端  —(cookies)—>  服务器

服务器  —(HTML代码)—>  客户端


cookies信息:

name:cookie名称

value:对应cookie名称的值

domain:可以访问此cookie的域名,若非当前设置的域名则无法访问

path:可以访问此cookie的页面路径。比如domain设置为二级域名abc.com,path是/test,那么只有/test路径下的页面能访问cookie值

expires/Max-Age:cookie超时时间。若不设置默认值是Session,即和Session一起失效

补充:

如果max-age属性为正数,则表示该cookie会在max-age秒之后自动失效。浏览器会将max-age为正数的cookie持久化,即写到对应的cookie文件中。无论客户关闭了浏览器还是电脑,只要还在max-age秒之前,登录网站时该cookie仍然有效。

如果max-age为负数,则表示该cookie仅在本浏览器窗口以及本窗口打开的子窗口内有效,关闭窗口后该cookie即失效。max-age为负数的Cookie,为临时性cookie,不会被持久化,不会被写到cookie文件中。cookie信息保存在浏览器内存中,因此关闭浏览器该cookie就消失了。cookie默认的max-age值为-1。

‍如果max-age为0,则表示删除该cookie。cookie机制没有提供删除cookie的方法,因此通过设置该cookie即时失效实现删除cookie的效果。失效的Cookie会被浏览器从cookie文件或者内存中删除。

size:cookie大小

secure:设置是否只能通过https来传递此条cookie。(布尔值)

js对cookie值得操作:

获取Cookies:

function getCookie(name){

    var arr,reg=new RegExp("(^|)"+name+"=([^;]*)(;|$)");

    if(arr=document.cookie.match(reg)){

        return unescape(arr[2]);

    }else{

        return null;

    }

}

getCookie("name");


设置Cookies:

function setCookie(name,value){

    var Days=30;

    var exp=new Date();

    exp.setTime(exp.getTime()+Days*24*60*60*1000);//超时时间

    document.cookie=name+"="+escape(value)+";expires="+exp.toGMTString();

}

setCookie("name",123);


删除Cookies:

function delCookies(name){

    var exp=new Date();

    exp.setTime(exp.getTime()-1);//设置超时时间,类删除

    var cval=this.getCookie(name);

    if(cval!=null){

         document.cookie=name+"="+escape(value)+";expires="+exp.toGMTString();

    }

}

delCookies("name");

参考网站:

点击打开链接

点击打开链接


node js 对cookie的操作

Cookie是小甜饼的意思。顾名思义,cookie 确实非常小,它的大小限制为4KB左右,是网景公司的前雇员 LouMontulli 在1993年3月的发明。它的主要用途有保存登录信息,比如你登录某个...
  • YSC1123
  • YSC1123
  • 2016年11月10日 12:11
  • 624

jquery.cookie.js操作cookie的使用方法

1,首先引入jquery.cookie.js; 2,使用方法 : Query操作cookie的插件,大概的使用方法如下 $.cookie('the_cookie'); //读取Cookie值...
  • will5451
  • will5451
  • 2016年07月21日 17:20
  • 2095

cookie操作的封装

//设置cookie function setCookie (key, value, t) { var oDate = new Date(); oDate.setDate(oDate.get...
  • sinat_23064359
  • sinat_23064359
  • 2016年12月01日 16:43
  • 546

C# 自定义cookie封装类,简化Cookie操作

using System; using System.Web; namespace DotNet.Utilities { public class CookieHelper { ...
  • qq_27462223
  • qq_27462223
  • 2017年08月18日 12:08
  • 281

【ci框架】CI框架中使用cookie的三种方式

//第一种设置cookie的方式:采用php原生态的方法设置的cookie的值 setcookie("user_id",$user_info['user_id'],86500); setcookie(...
  • yanhui_wei
  • yanhui_wei
  • 2013年04月26日 21:55
  • 16870

多值Cookie的写法

//多值Cookie的写法//方式1:Response.Cookies["userinfo1"]["name"].value="1";Response.Cookies["userinfo1"]["la...
  • DingZhenYang
  • DingZhenYang
  • 2010年06月30日 14:39
  • 3974

Cookie常用操作以及属性

概述 最近项目要用到cookie存储部分用户信息;研究了一下做一下分享 Cookie 是服务器保存在浏览器的一小段文本信息,每个 Cookie 的大小一般不能超过4KB。浏览器每次向服务器发出请求...
  • lx520aa
  • lx520aa
  • 2017年09月07日 13:45
  • 161

jstl实现cookie

最近有个公司新招的毕业生,问cookie怎么实现,我告诉他 网上很多,他说不想用那种,因为在jsp中内嵌入太多的%>,这种结构,是jsp不提倡的,一想说的也对,x想利用了jstl标签库实现了cooki...
  • alajl
  • alajl
  • 2007年09月24日 02:45
  • 4897

javascript 操作cookie详解

设置cookie 每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie: document.cookie="userId=828"; 如果要一次存...
  • rhythm923
  • rhythm923
  • 2016年12月17日 00:31
  • 2355

NodeJS获得Cookie

校园卡APP,获得验证码图片的通知获得Cookie的内容var http = require( "http" ); var url = require( "url" );var urlstring =...
  • u010181895
  • u010181895
  • 2016年01月05日 00:02
  • 1003
收藏助手
不良信息举报
您举报文章:js操作cookie
举报原因:
原因补充:

(最多只允许输入30个字)