在JavaScript中,可以通过document.cookie
属性来设置、读取和删除cookie。以下是如何设置cookie值的详细步骤和示例:
document.cookie = "键=值; expires=过期时间; path=路径; domain=域名; secure; samesite";
username=JohnDoe
。/path
。Strict
、Lax
和None
。以下是一个设置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=/; samesite=Lax";
}
// 使用示例
setCookie("username", "JohnDoe", 7); // 设置一个名为username的cookie,值为JohnDoe,过期时间为7天
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;
}
// 使用示例
console.log(getCookie("username")); // 输出: JohnDoe
function eraseCookie(name) {
document.cookie = name + '=; Max-Age=-99999999; path=/; samesite=Lax';
}
// 使用示例
eraseCookie("username"); // 删除名为username的cookie
domain
和path
属性。通过以上方法,你可以在JavaScript中灵活地设置、读取和删除cookie。
领取专属 10元无门槛券
手把手带您无忧上云