js实现操作cookie的常见方法有哪些?
最新回答
心头的小情儿
2026-10-21 23:09:30
1. 利用`document.cookie`属性，它可以读写当前文档的所有cookie。修改`document.cookie`属性即可添加、修改或删除cookie。
2. 自定义`setCookie`函数，用于将cookie保存在客户端。该函数需要接收cookie的名称、值和过期时间等参数，并将值设为新cookie。
3. 创建`getCookie`函数，从客户端读取cookie并返回其值。
4. 设计`deleteCookie`函数，用于从客户端删除指定的cookie。通过将过期时间设置为过去的时间来实现。
以下是一些相关的示例代码：
为了设置cookie，可以使用以下方法：
javascript
function setCookie(name, value, days) {
let expires = "";
if (days) {
const date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
要获取cookie，可参考此方法：
javascript
function getCookie(name) {
const nameEQ = name + "=";
const ca = document.cookie.split(';');
for(let i=0;i < ca.length;i++) {
let c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
删除cookie的代码如下：
javascript
function deleteCookie(name) {
document.cookie = name+'=; Max-Age=-99999999;';
}
以上方法提供了基本的cookie操作功能，根据实际需求，可以对它们进行修改和扩展。但需要注意的是，cookie存储在客户端，容易被篡改，因此在使用时要确保安全可靠。
热门标签
