javascript 中Cookie读、写与删除操作

当我们在使用 JavaScript 进行网站开发时，常常需要使用到 Cookie，Cookie 可以用于保存一些用户信息、网站访问次数、用户偏好设置等数据。本文将详细介绍 JavaScript 中如何进行 Cookie 的读、写与删除操作。

Cookie 的读取

在 JavaScript 中，我们可以使用 document.cookie 读取当前网站的 Cookie 信息。该属性会返回当前网站使用的所有 Cookie 信息，每条 Cookie 信息以分号（;）分隔。

以下是一个读取当前网站所有 Cookie 的示例：

console.log(document.cookie);

输出结果：

name=value; name1=value1; name2=value2

Cookie 的写入

在 JavaScript 中，我们可以使用 document.cookie 写入新的 Cookie 信息，语法如下：

document.cookie = 'name=value; expires=date; path=pathValue';

其中，name 是 Cookie 的名称，value 是 Cookie 的值，expires 是 Cookie 的过期时间，path 是 Cookie 的路径。

以下是一个写入新 Cookie 的示例，该 Cookie 的名称为 username，值为 test，过期时间为 7 天，路径为整个网站：

document.cookie = 'username=test; expires=' + new Date(new Date().getTime() + (1000 * 60 * 60 * 24 * 7)) + '; path=/';

说明：

• expires 的值是一个日期对象，该日期对象表示 Cookie 的过期时间。
• (1000 * 60 * 60 * 24 * 7) 表示 7 天的毫秒数。

Cookie 的删除

在 JavaScript 中，我们可以通过设置 Cookie 的过期时间为一个过去的时间，从而删除 Cookie。以下是一个删除名为 username 的 Cookie 的示例：

document.cookie = 'username=; expires=' + new Date(0) + '; path=/';

说明：

• expires 的值设置为 0，表示 Cookie 的过期时间为过去的日期，即会立即删除该 Cookie。

另一个删除 Cookie 的示例，删除整个网站的所有 Cookie：

//读取网站中所有 Cookie
var cookies = document.cookie.split(';');

//遍历每个 Cookie，将其过期时间设置为过去的时间，达到删除的效果
for (var i = 0; i < cookies.length; i++) {
  var cookie = cookies[i];
  var eqPos = cookie.indexOf('=');
  var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
  document.cookie = name + '=; expires=' + new Date(0) + '; path=/';
}

说明：

• document.cookie.split(';') 将当前网站的所有 Cookie 信息按分号（;）分割成一个数组。
• 遍历该数组，对每一个元素进行删除操作。

以上是 JavaScript 中 Cookie 读、写与删除的完整攻略，希望能够对您有所帮助。