溫馨提示×

如何在JavaScript中有效使用document.cookie

小樊
92
2024-06-29 22:58:36
欄目: 編程語言

在JavaScript中，可以通過document.cookie屬性來讀取和設(shè)置瀏覽器中的cookie值。以下是一些常用的方法：

  1. 讀取cookie值：
const cookies = document.cookie; // 獲取所有的cookie值
  1. 設(shè)置cookie值：
document.cookie = "key=value"; // 設(shè)置cookie值為 key=value
  1. 刪除cookie值：
document.cookie = "key=; expires=Thu, 01 Jan 1970 00:00:00 UTC"; // 刪除名為key的cookie值
  1. 獲取特定cookie值的方法：
function getCookie(name) {
    const cookies = document.cookie.split('; ');
    for (let cookie of cookies) {
        const [key, value] = cookie.split('=');
        if (key === name) {
            return value;
        }
    }
    return null;
}

const value = getCookie('key'); // 獲取名為key的cookie值
  1. 設(shè)置帶有過期時間的cookie值：
function setCookie(name, value, days) {
    const date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    const expires = "expires=" + date.toUTCString();
    document.cookie = name + "=" + value + "; " + expires;
}

setCookie('key', 'value', 7); // 設(shè)置名為key的cookie值，有效期為7天

通過這些方法，可以有效地在JavaScript中讀取、設(shè)置和刪除cookie值。要注意的是，cookie值在瀏覽器端存儲，因此可能會受到瀏覽器安全策略的限制，需要注意跨域訪問的情況。

0 踩