JavaScript Cookie操作详解：写入、读取与删除

"本文档详细分析了JavaScript中cookie对象的使用方法，包括写入、读取和删除操作，以及相关的属性设置，如有效期、路径、域名和安全性。此外，还提到了cookie作为字符串的特殊字符处理技巧。" 在JavaScript中，cookie是一种用于存储少量数据在用户浏览器端的技术。它们通常用于保持用户状态、存储偏好设置或跟踪用户行为。以下是对文档中提及的JavaScript cookie操作的详细说明： 1. 写入cookie： 使用`document.cookie`属性来写入cookie。基本格式是键值对，如`document.cookie = "name=value"`。如果需要设置其他属性，如有效期，可以使用分号分隔不同的属性。例如： ```javascript var cookieTest = "name=userName"; document.cookie = cookieTest; ``` 设置有效期可以通过创建一个新的日期对象，并将其日期设置为当前日期之后的一段时间，然后将其转换为UTC字符串： ```javascript var date = new Date(); date.setDate(date.getDate() + 7); document.cookie = encodeURI("name=user") + ";expires=" + date.toUTCString(); ``` 2. 读取cookie： `document.cookie`属性返回的是所有cookie组成的字符串，每个cookie之间由分号分隔。因此，需要将字符串拆分成数组，然后处理每个cookie。例如： ```javascript var cookieString = decodeURI(document.cookie); var cookieArray = cookieString.split(";"); for (var i = 0; i < cookieArray.length; i++) { // 处理每个cookie } ``` 在循环中，可以进一步解析每个cookie，提取其名称和值。 3. 删除cookie： 删除cookie的常用方法是将其过期时间设置为过去，这样浏览器就会自动删除它。例如： ```javascript function deleteCookie(name) { var date = new Date(); date.setTime(date.getTime() - 1); document.cookie = name + "=; expires=" + date.toUTCString() + "; path=/"; } ``` 4. 属性设置： - expires: 指定cookie的存活时间。如果不设置，cookie会在浏览器关闭时失效。 - path: 可以限制cookie在特定路径及其子路径下有效。默认情况下，它对同一域名下的所有页面有效。 - domain: 允许跨域共享cookie。例如，设置`domain`为其他服务器的域名，可以让两个服务器共享同一个cookie。 - secure: 如果设置为`true`，则cookie只能通过HTTPS协议访问，增加安全性。 5. 特殊字符处理： 由于cookie本质上是字符串，它不能包含分号、逗号、空格等特殊字符。为了解决这个问题，可以使用`encodeURI()`函数编码文本字符串，然后使用`decodeURI()`解码。例如： ```javascript var value = "有特殊字符的值"; var encodedValue = encodeURI(value); document.cookie = "name=" + encodedValue; var decodedValue = decodeURI(cookieArray[0].split("=")[1]); ``` 在实际应用中，通常会使用库或模块（如`js-cookie`）来简化cookie的操作，因为`document.cookie`的API相对复杂，不易于管理。不过理解这些基础概念有助于更好地利用cookie来实现特定功能。