在 JavaScript 中,document.cookie 属性允许你读取和写入浏览器的 cookie。Cookies 是存储在用户计算机上的小文本文件,用于在会话之间保持状态信息、跟踪用户活动等。下面是一些与 JavaScript 中的 cookie 相关的基本操作:

1. 设置 Cookie:
document.cookie = "key=value; expires=Thu, 01 Jan 2023 00:00:00 UTC; path=/";

  •  key=value:要存储的数据。

  •  expires:可选,cookie 的过期时间。如果不设置,cookie 将在浏览器关闭时失效。

  •  path:可选,指定 cookie 可访问的路径。


2. 读取 Cookie:
var allCookies = document.cookie;

document.cookie 返回一个包含所有 cookie 的字符串。你可能需要编写一个函数来解析这个字符串以获取特定的 cookie 值。

3. 获取特定 Cookie 值的函数:
function getCookie(name) {
    var cookies = document.cookie.split('; ');
    for (var i = 0; i < cookies.length; i++) {
        var cookie = cookies[i].split('=');
        if (cookie[0] === name) {
            return cookie[1];
        }
    }
    return null;
}

使用示例:
var username = getCookie("username");
if (username) {
    console.log("Welcome back, " + username + "!");
} else {
    // 用户第一次访问或者没有设置过 username 的 cookie
    // 在这里设置 cookie,例如 document.cookie = "username=John Doe;";
}

4. 删除 Cookie:

要删除 cookie,你可以设置它的过期时间为过去的一个日期。
document.cookie = "key=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

这会使 cookie 立即过期,浏览器会将其删除。

请注意,cookie 是存储在用户计算机上的,因此对 cookie 的访问受同源策略的限制。每个域名(包括子域名)和路径都有独立的 cookie 存储。


转载请注明出处:http://www.pingtaimeng.com/article/detail/12842/JavaScript