当前位置:   article > 正文

前端js设置,读取,删除cookie及其简洁写法_js清除cookie中的一个字段

js清除cookie中的一个字段

设置cookie

function setCookie(name, value,days) {
	//三个参数,一个是cookie的名子,一个是值,最后一个是天数
	var exp = new Date();    //new Date("December 31, 9998");
	exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1000);
	document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

读取cookie

function getCookie(name) {
	//取cookies函数
	var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
	if (arr != null)
	return unescape(arr[2]);
	return null;
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

删除cookie

function delCookie(name){
	//删除cookie并重新演示
	// 该函数检查下cookie是否设置,如果设置了则将过期时间调到过去的时间;
	//剩下就交给操作系统适当时间清理cookie啦
	if (getCookie(name)){
		document.cookie = name + "=" + "; expires=Thu, 01-Jan-70 00:00:01 GMT";
	}
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

简洁写法

1.封装在methods.js中

cookie示例:
token=eyJhbyZn8b3kkqeCIFw311pAp1IQMLwRw; Max-Age=7200; Expires=Fri, 05-Nov-2021 04:43:22 GMT; Path=/

class cookie {
  static get(k) { 
    return ((new RegExp(["(?:; )?", k, "=([^;]*);?"].join(""))).test(document.cookie) && RegExp["$1"]) || ""; 
  }

  static set(k, v, e, d) { 
    document.cookie = [k, "=", v, e && e["toGMTString"] ? ';expires=' + e.toGMTString() : "", ";path=/;domain=", d || ""].join(""); 
  }

  static del(k) { 
    document.cookie = k + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/' 
  }
}

export { cookie };
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

2.在使用的vue文件中引入使用

import {cookie} from '@/tools/methods'
cookie.get('token')
cookie.set('token','123456')
cookie.del('token')
  • 1
  • 2
  • 3
  • 4
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/149644
推荐阅读
相关标签
  

闽ICP备14008679号