如何为Cookie添加带过期时间的值？及从指定HTML提取邮箱并添加2个月有效期Cookie的实现

没问题，我来帮你一步步搞定这两个问题！

1. 基础技术问题：如何为Cookie添加带有过期时间的值？ #

设置带过期时间的Cookie核心是用document.cookie属性，遵循固定的格式：

document.cookie = "cookieName=cookieValue; expires=GMT格式时间字符串; path=/; domain=yourdomain.com";

拆解一下关键部分：

• 必填核心: cookieName=cookieValue —— 定义Cookie的键和对应的值，这部分是必须的
• 过期时间参数: expires 必须传入GMT/UTC格式的字符串，你可以用Date对象的toGMTString()或toUTCString()方法生成
• 可选参数:
  • path=/：让Cookie在整个网站生效，不填的话默认只在当前页面的路径下可用
  • domain=yourdomain.com：指定Cookie生效的域名，适合多子域名的场景

举个简单的实用例子：

// 设置一个30天后过期的"theme" Cookie
const expiry = new Date();
expiry.setDate(expiry.getDate() + 30);
document.cookie = "theme=dark; expires=" + expiry.toGMTString() + "; path=/";

2. 具体场景问题：为HTML中的邮箱设置2个月后过期的Cookie #

先看你提供的HTML结构：

<div id="home"> <div class="name" my-data="123">Email: test@gmail.com</div> </div>

你的现有JS代码有几个小问题需要修正：

1. 没有定义cookieName变量，得先指定Cookie的名称
2. toGMTString后面漏了括号，应该是toGMTString()，不然会把函数本身当成字符串赋值
3. 没有从HTML中提取test@gmail.com，而是写死了值y

下面是修正后的完整代码，直接就能用：

function setEmailCookie() {
  // 第一步：从HTML里提取邮箱地址
  const emailElement = document.querySelector('.name');
  // 清理文本，去掉"Email: "前缀，拿到纯邮箱
  const emailValue = emailElement.textContent.trim().replace('Email: ', '');
  
  // 第二步：计算2个月后的过期时间
  const expiryDate = new Date();
  expiryDate.setMonth(expiryDate.getMonth() + 2);
  
  // 第三步：设置Cookie，这里命名为userEmail，值为提取到的邮箱，加上过期时间和全站路径
  document.cookie = `userEmail=${emailValue}; expires=${expiryDate.toGMTString()}; path=/`;
}

// 调用函数完成设置
setEmailCookie();

代码关键点说明： #

• document.querySelector('.name') 精准选中包含邮箱的元素
• textContent.trim().replace(...) 处理文本内容，拿到干净的邮箱地址
• 用模板字符串（`...`）让代码更易读，也可以用字符串拼接的方式
• 加上path=/确保Cookie在整个网站都能被读取，避免局限在当前页面路径

内容的提问来源于stack exchange，提问作者user16394386