javascript angular 对cookie的操作封装

最新推荐文章于 2025-08-09 20:51:19 发布

转载最新推荐文章于 2025-08-09 20:51:19 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/wsxiao/blog/2221628

文章标签：

#javascript #ViewUI

本文详细介绍了如何在前端开发中使用JavaScript进行Cookie的操作，包括写入、读取、删除单个及所有Cookie的方法。通过具体代码示例，帮助开发者快速掌握Cookie管理技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、写入cookie

// 写入cookie
 export const setCookie = (key: string, value: any) => {
   document.cookie = key + "=" + value
};

2、从cookie获取值

// 从cookie中获取值
export const getCookie = (sName: string) => {
  var aCookie = document.cookie.split('; ');
  for (var i = 0; i < aCookie.length; i++) {
    var aCrumb = aCookie[i].split('=');
    if (sName == aCrumb[0])
      return aCrumb[1];
  }
  return null;
}

3、删除指定cookie

// 删除指定cookie
export function delCookie(name: string) {
  var exp: any = new Date();
  exp.setTime(exp.getTime() - 1);
  var cval = getCookie(name);
  if (cval != null) {
    document.cookie = name + '=' + cval + ';expires=' + exp.toGMTString();
  }
}

4、清空所有cookie

// 删除所有cookie
export const delAllCookie = () => {
  var myDate: any = new Date();
  myDate.setTime(-1000);//设置时间
  var data = document.cookie;
  var dataArray = data.split('; ');
  for (var i = 0; i < dataArray.length; i++) {
    var varName = dataArray[i].split('=');
    document.cookie = varName[0] + '=\'\'; expires=' + myDate.toGMTString();
  }
};

转载于:https://my.oschina.net/wsxiao/blog/2221628