cookie操作：设置cookie、读取cookie、删除cookie

一、设置cookie

function setCookie(name, value){Days = 1; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); var domain = window.location.host;var domains = domain.split('.');if (domains.length === 3){domains = domains.slice(1,3);domain = '.' + domains.join('.');document.cookie = name + "=" + escape (value) + "; expires=" + exp.toGMTString() + ";path=/;domain="+domain;}else{domain = domain;document.cookie = name + "="+ escape (value); }
}

二、读取cookie

function getCookie(name){var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");if(arr=document.cookie.match(reg))return unescape(arr[2]);elsereturn null;
}
注解：1、例如name=jack;password=1232、获取值：var pwd = getCookie(password);//pwd值为123

三、删除cookie

function DelCookie(name) {var domain = window.location.host;//获取当前页面域名var domainArr = domain.split('.');var exp = new Date();exp.setTime(exp.getTime() + (-1 * 24 * 60 * 60 * 1000));var cval = getCookie(name);if(domainArr.length === 3){domainArr = domainArr.slice(1,3);domain = '.'+domainArr.join('.');}document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString() + ";path=/;domain="+demain;
}function getCookie(name){var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");if(arr=document.cookie.match(reg))return unescape(arr[2]);elsereturn null;
}
注解：删除值：DelCookie(name);//删除用户名jack

cookie属性

cookie对象主要属性name：cookie的名称。value：cookie的值。domain：为可以访问此cookie的域名。
（1）非顶级域名，如二级域名或者三级域名，设置的cookie的domain只能为顶级域名或者二级域名或者三级域名本身，不能设置其他二级域名的cookie，否则cookie无法生成。
（2）顶级域名只能设置domain为顶级域名，不能设置为二级域名或者三级域名，否则cookie无法生成。
（3）二级域名能读取设置了domain为顶级域名或者自身的cookie，不能读取其他二级域名domain的cookie。所以要想cookie在多个二级域名中共享，需要设置domain为顶级域名，这样就可以在所有二级域名里面或者到这个cookie的值了。
顶级域名只能获取到domain设置为顶级域名的cookie，其他domain设置为二级域名的无法获取。path：为可以访问此cookie的页面路径。 比如domain是abc.com,path是/test，那么只有/test路径下的页面可以读取此cookie。expires/Max-Age ：为此cookie超时时间。若设置其值为一个时间，那么当到达此时间后，此cookie失效。不设置的话默认值是Session，意思是cookie会和session一起失效。当浏览器关闭(不是浏览器标签页，而是整个浏览器) 后，此cookie失效。Size：cookie的大小。http：  cookie的httponly属性。若此属性为true，则只有在http请求头中会带有此cookie的信息，而不能通过document.cookie来访问此cookie。secure ： 设置是否只能通过https来传递此条cookie

#Vue下的myCookie.js文件

var config = require('./config');//配置文件（包含地址）
var expires = config.cookieExpires; //= 24 * 60 * 60 * 1000;
var paths = config.getPaths(); //.test.com/**添加cookie**/
export const addCookie = function(name, value) {var exp = new Date();exp.setTime(exp.getTime() + expires);document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";domain=" + paths.domain + ";path=/";
};/**获取cookie**/
export const getCookie = function(name) {var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");if(arr = document.cookie.match(reg))return unescape(arr[2]);elsereturn null;
};/**删除cookie**/
export const delCookie = function(name) {var exp = new Date();exp.setTime(exp.getTime() - 10000);var cval = getCookie(name);if(cval != null)document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString() + ";domain=" + paths.domain + ";path=/";
};
/**删除所有cookie**/
export const clearCookie = function(name) {var exp = new Date();exp.setTime(exp.getTime() - 10000);var keys=document.cookie.match(/[^ =;]+(?=\=)/g);if (keys) {for (var i =  keys.length; i--;)document.cookie = keys[i] + "=0; expire="+exp.toGMTString() + ";domain=" + paths.domain + ";path=/";}
};

相关文章：js 清空当前网址所有cookie

cookie操作：设置cookie、读取cookie、删除cookie相关推荐

cookie的原理及作用以及如何设置、读取和删除cookie
cookie:存储数据,当用户访问了某个网站(网页)的时候,我们就通过cookie来向访问者电脑上存储数据不同的浏览器存放的cookie位置不一样,也是不能通用的. cookie的存储是一域名的形式 ...
php cookie expires,php cookie类(设置、获取、删除cookie值)
分享一个php cookie操作的类,可以设置cookie.获取cookie.删除cookie. 代码: /** * php cookie类 * class:PHP_COOKIE * by www.j ...
Web前端数据存储—cookie机制（设置，获取，删除cookie）
今天看到cookie机制就来记录一下,我们前端一般存储cookie都是在登录的时候进行的,两种,选一个就行(其实都一样,只不过一个明细化了). 我们先了解一下 cookie: HTTPCookie,通 ...
JS cookie的设置、获取和删除（非常详细）
在编程领域,Cookie 代表一种小型的文本文件,可以让开发人员在用户计算机上存储少量的数据(大约 4kb),来记录用户的某些信息,例如用户身份.喜好等,当用户下次访问网站时,网站可以通过检索这些信息 ...
JS设置，获取，删除cookie
JS设置,获取,删除cookie 由于chrome等浏览器存在samesite安全措施,导致传统http页面后端无法设置cookie到前端,所以考虑在返回值中添加cookie值,使用前端js进行coo ...
Vue项目使用Cookie，以Json格式存入与读取Cookie，设置过期时间以及删除操作
前端项目开发时,常常需要很多小技巧,比如使用Cookie巧妙实现某个效果.此次就以Vue项目记录一下如何使用Cookie. cookie.js /*** 写入cookie* @param {*} na ...
前端js设置,读取，删除cookie及其简洁写法
设置cookie function setCookie(name, value,days) {//三个参数,一个是cookie的名子,一个是值,最后一个是天数var exp = new Date(); ...
jquery页面跳转带cookie_JS 如何创建、读取和删除cookie
Cookie 为 Web 应用程序保存用户相关信息提供了一种有用的方法.例如,当用户访问咱们的站点时,可以利用 Cookie 保存用户首选项或其他信息,这样,当用户下次再访问咱们的站点时,应用程序就可 ...
cookie分号后面没有值_Cookie的属性（cookie的设置、获取和删除）
每个cookie都有四个可选的属性,他们分别控制cookie的生存周期.可见性.安全性等. Cookies最初设计时,是为了CGI编程.但是,我们也可以使用Javascript脚本来操纵cookies ...
reactjs 设置、修改、删除cookie
// 设置cookie export function setCookie (c_name, value, expiremMinutes) {const exdate = new Date();exd ...

cookie操作：设置cookie、读取cookie、删除cookie

cookie操作：设置cookie、读取cookie、删除cookie相关推荐

最新文章

热门文章