Cookie 是一种在客户端存储数据的小型文本文件,它可以用于保存用户的登录状态、偏好设置等信息。在原生 JavaScript 中操作 Cookie 主要涉及到设置、读取和删除 Cookie。
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=/";
}
// 使用示例
setCookie('username', 'JohnDoe', 7); // 设置一个7天后过期的 Cookie
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;
}
// 使用示例
const username = getCookie('username'); // 获取 Cookie 值
console.log(username); // 输出: JohnDoe
function eraseCookie(name) {
document.cookie = name + '=; Max-Age=-99999999;';
}
// 使用示例
eraseCookie('username'); // 删除名为 username 的 Cookie
通过以上方法,可以在原生 JavaScript 中有效地操作 Cookie,并解决常见的相关问题。
领取专属 10元无门槛券
手把手带您无忧上云