深入JavaScript之获取cookie以及删除cookie

2024-04-25 12:37:42

cookie存在哪？

存在document.cookie中

ookie长啥样？

cookie是一个字符串，长下面这样:
“name=xxx; age=22;”

注意：分号后面有个空格，记住这一点，下面的代码需要特别注意这一点

如果我想根据键名来获取cookie，怎么做？

function getCookie(name) {var value = '; '+ document.cookie;var parts = value.split('; ' + name + '=');if(parts.length === 2) {return parts.pop().split(';').shift();}
}

原理分析:
假设现在的document.cookie的值为：myName=xxx; age=22; food=apple;
①var value = ‘; ‘+ document.cookie;使其变为; myName=xxx; age=22; food=apple;
②var parts = value.split(’; ’ + name + ‘=’); 假设传入的name是age，那么会根据; age=分割字符串，分割之后得到的数组为:
[‘myName=xxx’, ‘22; food=apple;’]
③ if(parts.length === 2)说明根据键名得到了对应的值，parts.pop()返回的是数组中的最后一项，即22; food=apple;,然后调用split(’;’)得到数组[‘22’, ‘food=apple;’],然后调用shift()会返回数组的第一项，即22, 即可得到我们想要的值

深思: var value = '; '+ document.cookie; 这句代码是整个方法的精髓。

如果我想根据键名来删除cookie，怎么做？

function deleteCookie(name) {document.cookie = name + '=;  expires=Thu, 01 Jan 1970 00:00:01 GMT;'
}

同理

// 手动删除cookie方法// 原理分析：// 设置cookie过期时间小于当前时间，那么就会删除该cookie。function delCookie(Name) {document.cookie = 'popped' + '=;  expires=Thu, 01 Jan 1970 00:00:01 GMT;'}

原理分析：
设置cookie过期时间小于当前时间，那么就会删除该cookie。

转载于:https://www.cnblogs.com/mica/p/11162558.html

深入JavaScript之获取cookie以及删除cookie相关推荐

获取cookie，删除cookie，添加cookie
获取cookie,删除cookie,添加cookie export const setCookie = function(name, value, expire) {let exdate = new ...
JS获取cookie，删除cookie
网上很多都是document.cookie= name + "="+cval+";expires="+exp.toGMTString()";尝试了没 ...
jquery设置cookie、删除cookie、获取cookie
1.引入两个js 去bootcdn搜索就行. jquery.js <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0 ...
js读取cookie,js添加cookie,js删除cookie
2019独角兽企业重金招聘Python工程师标准>>> js读取cookie,js添加cookie,js删除cookie,示例如下: <!DOCTYPE HTML PUBLIC ...
java设置cookie,添加cookie数据,读取cookie数据,修改cookie数据,删除cookie数据
/*** 添加cookie* @param response* @param name* @param value*/@RequestMapping("/addCookie")pu ...
Java创建cookie和删除cookie
Java创建cookie和删除cookie //写cookie操作 Cookie cooki; cooki=new Cookie("bbs_0001" ...
Flask框架(flask中对cookie的处理(设置cookie、获取cookie、删除cookie))
在Flask中对cookie的处理 1. 设置cookie: 设置cookie,默认有效期是临时cookie,浏览器关闭就失效可以通过 max_age 设置有效期, 单位是秒 resp = make ...
JS设置cookie，删除cookie
js设置cookie有很多种方法. 第一种:(这个是w3c官网的代码) <script> //设置cookie function setCookie(cname, cvalue, exda ...
js设置cookie、读取cookie和删除cookie
什么是cookie? cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.设置cookie的方法有很多种:比如通过服务器脚本页面进行设置 ...
cookie操作：设置cookie、读取cookie、删除cookie
一.设置cookie function setCookie(name, value){Days = 1; var exp = new Date(); exp.setTime(exp.getTime() ...

最新文章

热门文章