前言

JavaScript是运行在客户端的脚本，Session是运行在服务器端的，而Cookie是运行在客户端的，所以可以用JS来设置Cookie，而不能操作Session。

js清除cookie方法（JavaScript对Cookie的增删改查）(1)

JavaScript对Cookie的增删改查

先了解一下Cookie的结构，简单地说：cookie是以键值对的形式存储的，即key=value的格式，各个cookie之间一般是以“;”分隔。

清除浏览器缓存Cookie是会被清除的。

原始方式

简单粗暴的操作

存储Cookie

let username = 'Javan'; document.cookie = "name=" username;

读取Cookie

var cookieAll = document.cookie; console.log(cookieAll); // 输出后加工处理得到name值

方法封装

存储Cookie

`expires`是截止日期，到什么时间点，自动过期

function setCookie(name, value, days) { var exp = new Date(); exp.setTime(exp.getTime() days*24*60*60*1000); document.cookie = name "=" escape (value) ";expires=" exp.toGMTString(); }

js清除cookie方法（JavaScript对Cookie的增删改查）(2)

存储Cookie

读取Cookie

function getCookie(name) { var arr, reg = new RegExp("(^| )" name "=([^;]*)(;|$)"); if (arr = document.cookie.match(reg)) { return unescape(arr[2]); } else { return null; } }

js清除cookie方法（JavaScript对Cookie的增删改查）(3)

读取Cookie

测试

// 设置key为user, 值为Javanx setCookie('user', 'Javanx', 1); console.log(getCookie('user')); // print Javanx

删除Cookie

function delCookie(name) { var exp = new Date(); exp.setTime(exp.getTime() - 1); var cval=getCookie(name); if (cval!=null) { document.cookie= name "=" cval ";expires=" exp.toGMTString(); } }

js清除cookie方法（JavaScript对Cookie的增删改查）(4)

删除Cookie

公告

喜欢小编的点击关注，了解更多资源！

,