JavaScript实现Cookie设置与获取函数详解

这段代码提供了两个JavaScript函数，用于处理客户端的Cookie操作，即设置Cookie（setCookie）和获取Cookie（getCookie）。Cookie是Web开发中的一种存储机制，它允许网站在用户的浏览器上保存小量的数据，以便在用户浏览期间或页面刷新后保持状态。 **1. 设置Cookie函数（setCookie）**: - 函数接收6个参数： - `name`：cookie的名称，用于唯一标识。 - `value`：要存储的数据。 - `expires`：可选，Cookie的有效期，如果为空或null，则默认为7天后的当前时间。如果提供一个日期对象，将用该日期替换默认值。 - `path`：可选，Cookie的路径，通常设置为网站的根路径，表示该Cookie仅在该路径及其子路径下有效。 - `domain`：可选，Cookie的作用域，指定哪些子域名可以访问该Cookie。 - `secure`：可选，如果为true，Cookie只能通过HTTPS连接发送，增强了数据安全性。 - 函数内部首先创建了两个Date对象，today用于获取当前时间，expiry用于计算一个7天后的日期。然后根据提供的参数设置cookie字符串，遵循以下格式： ``` name=value; expires=[expires]; path=[path]; domain=[domain]; secure=[secure] ``` 最后，使用`document.cookie`属性将设置好的cookie字符串写入浏览器。 **2. 获取Cookie函数（getCookie）**: - 该函数接收一个参数`name`，表示要查找的Cookie的名称。 - 首先，它从`document.cookie`中读取所有的cookie字符串。 - 接着，函数在cookie字符串中搜索指定名称前缀（`name=`）的cookie。 - 如果找到，函数会定位到cookie的结束位置（包括分号），并返回解码（unescape）后的cookie值。 - 如果未找到或者在指定位置找不到，函数返回null。 这两个函数在网页开发中非常实用，尤其是对于需要持久化数据、记录用户偏好或进行会话管理的场景。它们帮助开发者控制和管理用户浏览器中的临时数据，从而实现更丰富的用户体验。在使用时，务必注意遵守各浏览器关于Cookie的同源策略和隐私设置，以确保数据安全和合规性。