document.cookie的介绍
document.cookie是一个表示当前文档中所有cookie的属性。cookie是一种存储在客户端的小型数据文件，用于跟踪用户的活动、存储用户的偏好设置等。在Web开发中，JavaScript中的document.cookie属性是常用的cookie操作方法。
下面我将从设置、获取、删除三个方面来深入介绍document.cookie属性的使用：
1. 设置cookie
要设置一个cookie，可以使用document.cookie属性来设置cookie的值。语法如下：
document.cookie = name=value;expires=date;path=path;domain=domain;secure;
name: cookie的名称，必需。
value: cookie的值，必需。
expires: cookie的过期时间，可选。如果未指定过期时间，则cookie在浏览器关闭后过期。
path: cookie的路径，可选。默认为当前文档的路径。
domain: cookie的域，可选。默认为当前文档的域名。
secure: cookie是否只能通过HTTPS协议传输，可选。
例如，要设置一个名为user_id的cookie，其值为123，并在10天后过期：
let expiresDate = new Date();
expiresDate.setDate(expiresDate.getDate() + 10);
document.cookie = user_id=123;expires= + expiresDate.toUTCString() + ;path=/;
2. 获取cookie
要获取cookie，可以使用document.cookie属性来获取当前文档中的所有cookie。然后，可以使用字符串方法来提取所需的cookie值。
例如，要获取名为user_id的cookie的值：
function getCookie(name) {
let cookies = document.cookie.split(; );
for (let i = 0; i < cookies.length; i++) {
let cookie = cookies[i].split(=);
if (cookie[0] === name) {
return cookie[1];
}
}
return ;
}
let userId = getCookie(user_id);
3. 删除cookie
要删除cookie，可以使用document.cookie属性来设置cookie的过期时间为一个过去的时间戳。这会导致浏览器删除该cookie。
例如，要删除名为user_id的cookie：
let expiresDate = new Date();
expiresDate.setTime(expiresDate.getTime() - 1);
document.cookie = user_id=;expires= + expiresDate.toUTCString() + ;path=/;
注意，要删除cookie，必须设置相同名称和路径的cookie的过期时间。否则，浏览器可能会创建一个新的cookie，而不是删除现有的cookie。
总结一下，document.cookie属性是用于设置、获取和删除cookie的JavaScript属性。1.通过设置cookie的名称、值、过期时间、路径、域和安全标志来设置cookie。2.通过获取文档中所有cookie的字符串并使用字符串方法来提取所需的cookie值来获取cookie。3.通过将cookie的过期时间设置为过去的时间戳来删除cookie。
