JavaScript实现cookie操作：设置、读取与删除

本文档主要介绍了如何在JavaScript中操作cookie来实现网站历史访客信息的自动填充功能。首先，我们来看一下核心的函数定义： 1. **设置cookie函数** (`setCookie(name, value[, Days])`): - `name`: cookie的名字，如"username"或"Lname"，用于存储特定的数据。 - `value`: 要存储的值，可以是任何JavaScript数据类型，如字符串、数字等。 - `Days` (可选): 存储时间的天数，默认为30天。如果提供，将在设定的日期后过期。 这个函数会创建一个带有指定名称、值和过期时间的cookie。例如，`setCookie("name", "hayden")`将设置一个名为"name"，值为"hayden"的cookie，有效期30天。 2. **读取cookie函数** (遍历`document.cookie`属性): - 使用`document.cookie`属性获取所有已存在的cookie，并通过`split(";")`方法将其分割成数组。 - 遍历数组，检查每个cookie的名称（例如，`arr_Cookie_name[0]`），如果是"Lname"，则读取其对应的值并设置到HTML元素（如`<input type="text" id="Uname">`）的值。 3. **删除cookie函数** (`delCookie(name)`): - 接收一个cookie名称作为参数。 - 创建一个即将过期的新日期对象，将当前时间减去1秒。 - 使用`getCookie(name)`函数获取要删除的cookie值（如果存在），然后设置新的过期时间，使其立即失效。 4. **辅助函数** (`getCookie(name)`): - 用于根据给定名称从`document.cookie`中检索cookie的值。 5. **时间转换函数** (`getsec(time)`): - 将用户提供的时间（如"24h"或"1w"，代表24小时或1周）转换为秒数，以便计算cookie的过期时间。 6. **示例调用**: - 文件中展示了如何设置、读取和删除cookie的基本用法，如`setCookie("name", "hayden")`，`alert(getCookie("name"))`以及删除特定cookie。 这些函数提供了对cookie的基本操作，对于维护用户登录状态、保存用户设置等场景非常有用。通过合理利用cookie，开发者可以增强用户体验，尤其是自动填充表单字段，减少了用户的输入工作。然而，要注意的是，由于浏览器的同源策略限制，这些函数通常只适用于同一域名下的资源。同时，cookie存储空间有限，且过期后会被浏览器自动清除，因此不适合存储大量敏感信息。