cookie的获取、设置和删除

cookie是什么？

cookie是存储于用户计算机中的变量。

当一个用户通过计算机中的浏览器，访问服务器上边的某个页面，JavaScript会创建或者读取cookie。

cookie是document文档对象上边的一个属性。

如何获取cookie

// document.cookie获取所有的cookie，得到的是一个字符串
console.log(document.cookie);
console.log(typeof document.cookie);  //stringvar str = document.cookie    //获取所有的cookie，得到的是一个字符串var arr = str.split("; "); //注意：分号后面有一个空格 for (let i = 0; i < arr.length; i++) {var arr2 = arr[i].split("=")if (arr2[0] == "username") {console.log(arr2[1]);}}

封装进函数中


//获取cookie方法，封装一个方法getCookies(),传入一个属性参数，可以获取对应的属性值function getCookies(name) {var str = document.cookie    //获取所有的cookie，得到的是一个字符串var arr = str.split("; "); //注意：分号后面有一个空格 for (let i = 0; i < arr.length; i++) {var arr2 = arr[i].split("=")if (arr2[0] == name) {return arr2[1]}}}console.log(getCookies("username")); console.log(getCookies("age"));

（2）设置cookie

let oDate = new Date(); //获取电脑当前时间
console.log(oDate.getDate()); //获取日期
oDate.setDate(oDate.getDate() + 10)  //设置日期为10天之后console.log(oDate); //显示日期为10天之后
document.cookie = "sex=nan;expires=" + oDate  //设置一条cookie并且设置有效期

(3)删除cookie

 // 删除cookie// cookie有效期到了之后就自动消失了// 将有效期设置成昨天--该cookie就会自动删除function removeCookies(name) {setCookies(name, "value可以任意写", -1)}removeCookies("username")removeCookies("age")removeCookies("sex")

cookie的获取、设置和删除相关推荐

解决document.cookie无法获取到cookie问题
一.前言在进行前后端联调的时候,由于想实现一个登出操作,前端自动删除浏览器存储的cookie,想通过document.cookie来获取进而进行删除操作,但是发现浏览器有cookie:但是无法获取到 ...
Flask框架(flask中对cookie的处理(设置cookie、获取cookie、删除cookie))
在Flask中对cookie的处理 1. 设置cookie: 设置cookie,默认有效期是临时cookie,浏览器关闭就失效可以通过 max_age 设置有效期, 单位是秒 resp = make ...
PHP中Cookie的使用---添加/更新/删除/获取Cookie 及自动填写该用户的用户名和密码和判断是否第一次登陆...
PHP中Cookie的使用---添加/更新/删除/获取Cookie 及自动填写该用户的用户名和密码和判断是否第一次登陆什么是cookie 服务器在客户端保存用户的信息,比如登录名,密码等这些数 ...
js url参数的获取和设置以及删除
js url参数的获取和设置以及删除 //获取url参数的值:name是参数名function getQueryString(name) {var reg = new RegExp("(^| ...
Django框架(21.Django中设置cookie以及获取cookie）
状态保持 http协议是无状态的.下一次去访问一个页面时并不知道上一次对这个页面做了什么 Cookie 1.cookie是由服务器生成,存储在浏览器端的一小段文本信息. 2.cookie的特点: 以键 ...
C/C++注册表【4】键值的获取，设置，删除，枚举
C/C++注册表[4]键值的获取,设置,删除,枚举 1.键值的获取: LONG WINAPI RegQueryValueEx(HKEY hKey, //一个已打开项的句柄,或者指定一个标准项名LPCT ...
PHP 设置与删除cookie
1.设置cookie PHP设置Cookie的最常用方法是setcookie函数,setcookie函数有7个可选参数,目前最常用的是前5个. name(Cookie名):可以通过$_COOKIR[ ...
jQuery 获取设置删除对象属性
获取.设置.删除jQuery对象的属性值 jQuery 提供了一系列处理元素属性的方法,可以获取属性值,设置一个属性值,通过映射对象设置多个属性值,通过函数动态设置属性值,也可以删除属性.可以通过使用 ...
js获取cookie获取不到问题 vue获取cookie以及获取不到问题
1.下载依赖包 npm i js-cookie -S 2.在使用cookie的页面上进行引入 import Cookies from 'js-cookie' 3.使用创建一个在整个网站上有效的Coo ...
cookie session的设置
一.cookie cookie是一门客户端的技术,因为cookie是存储在客户端浏览器中的.由于http协议是无状态的.传统服务器只能被动响应请求.当服务器获取到请求,并为了能够区分每一个客户端,需要 ...

cookie的获取、设置和删除

cookie的获取、设置和删除相关推荐

最新文章

热门文章