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

前言

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

公告

喜欢小编的点击关注,了解更多资源!

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页