Javascript 设置和检查cookie

我有一个有两个链接选择的主页。单击其中一个链接时，我想创建一个cookie，以便所有其他内部页面都记住此选项

如何在一个页面上设置cookie，并在不同页面上读取相同的cookie

这就是我所拥有的：

// Home page on click event
function setRed() {
  document.cookie = "color=red; max-age=" + 60 * 60 * 24 * 365; // 60 seconds to a minute, 60 minutes to an hour, 24 hours to a day, and 365 days.
};

//Internal Page Check
window.onload = checkCookie();

function checkCookie() {
  if (document.cookie.indexOf("color") == "red") {
    document.body.id = "red"; 
  } else {
    document.body.id = "blue";
  };
};

请检查stackoverflow问题

基本上，当您说

document.cookie

时，请确保在结尾添加以下内容：

;path=/

然后调用

checkCookie（）

这基本上告诉浏览器允许在站点的任何位置访问cookie。但是，据我所知，如果您的两个页面托管在不同的域上，那么它们不可能访问同一个cookie（由于安全原因）

此外，用于获取cookie的函数看起来不正确。发件人：

请检查stackoverflow问题

基本上，当您说

document.cookie

时，请确保在结尾添加以下内容：

;path=/

然后调用

checkCookie（）

这基本上告诉浏览器允许在站点的任何位置访问cookie。但是，据我所知，如果您的两个页面托管在不同的域上，那么它们不可能访问同一个cookie（由于安全原因）

此外，用于获取cookie的函数看起来不正确。发件人：

---

尝试向cookie添加路径，以便站点中的所有页面都可以访问它

// Home page on click event
function setRed() {
    // 60 seconds to a minute, 60 minutes to an hour, 24 hours to a day, and 365 days.
    document.cookie = "color=red; max-age=" + 60 * 60 * 24 * 365 +"; path=/"; 
};

//Internal Page Check
window.onload = checkCookie();

function checkCookie() {
    if (document.cookie.indexOf("color") == "red") {
        document.body.id = "red"; 
    } else {
        document.body.id = "blue";
    };
};

---

尝试向cookie添加路径，以便站点中的所有页面都可以访问它

// Home page on click event
function setRed() {
    // 60 seconds to a minute, 60 minutes to an hour, 24 hours to a day, and 365 days.
    document.cookie = "color=red; max-age=" + 60 * 60 * 24 * 365 +"; path=/"; 
};

//Internal Page Check
window.onload = checkCookie();

function checkCookie() {
    if (document.cookie.indexOf("color") == "red") {
        document.body.id = "red"; 
    } else {
        document.body.id = "blue";
    };
};

---

可能重复的可能重复的感谢，伟大的作品现在。你能解释一下为什么getCookie函数不正确吗？我在另一个堆栈溢出问题上学习了该方法，它确实适用于单页设置，但在这里不行…@user500665尝试记录

document.cookie的值。它是一个字符串，所以如果内存对我有用，那么它就不包含函数
indexOf
。谢谢，现在工作得很好。你能解释一下为什么getCookie函数不正确吗？我在另一个堆栈溢出问题上学习了该方法，它确实适用于单页设置，但在这里不行…@user500665尝试记录
document.cookie的值。它是一个字符串，所以如果内存正好为我服务，那么它就不包含函数
indexOf
。