JS操作Cookies包括(读取添加与删除)

JS操作Cookies是指在网页上使用JavaScript语言来读取、添加和删除HTTP Cookies的过程。常见的应用场景包括存储用户会话信息、记录用户偏好和跟踪用户行为等。下面是JS操作Cookies的完整攻略。

1. 读取Cookies

读取Cookies的方式是通过document.cookie属性来读取当前域名下的所有Cookies。document.cookie返回的是一个字符串，表示每个Cookie的键值对以分号和空格分隔。

示例1：读取名为username的Cookie

var cookies = document.cookie.split("; ");
for (var i = 0; i < cookies.length; i++) {
  var cookie = cookies[i].split("=");
  if (cookie[0] === "username") {
    var username = cookie[1];
    console.log("欢迎回来，" + username + "！");
    break;
  }
}

2. 添加Cookies

添加Cookies的方式是通过设置document.cookie属性来添加新的Cookie。每个Cookie必须包含一个键和一个值，其他属性是可选的，包括过期时间、域名、路径和安全标志等。

示例2：添加名为username的Cookie

var username = "Alice";
var expireDate = new Date();
expireDate.setDate(expireDate.getDate() + 7);
document.cookie = "username=" + username + "; expires=" + expireDate.toUTCString() + "; path=/";
console.log("成功添加名为" + username + "的Cookie！");

3. 删除Cookies

删除Cookies的方式是通过设置document.cookie属性来删除指定的Cookie。需要注意的是，删除Cookie的方法是将其过期时间设置为一个过去的时间点，从而使浏览器自动删除该Cookie。

示例3：删除名为username的Cookie

var expireDate = new Date();
expireDate.setTime(expireDate.getTime() - 1);
document.cookie = "username=; expires=" + expireDate.toUTCString() + "; path=/";
console.log("成功删除名为username的Cookie！");

当你执行以上代码后，你能够实现读取、添加和删除Cookies的操作。