使用 JavaScript 获取和设置单个 cookie 值的“最佳”方法是什么答案

【问题标题】：What is the "best" way to get and set a single cookie value using JavaScript使用 JavaScript 获取和设置单个 cookie 值的“最佳”方法是什么
【发布时间】：2010-09-20 14:50:28
【问题描述】：

我想在每次引用页面时增加一个 cookie 值，即使该页面是从缓存中加载的。实现这一点的“最佳”或最简洁的方法是什么？

【问题讨论】：

标签： javascript cookies

【解决方案1】：

我见过的大多数旧的 cookie 处理函数都使用简单的字符串操作来存储检索值，例如 this 示例，您可以使用其他库，例如 cookie-js，一个小的 ( 用于 cookie 访问的实用程序。

我个人在我的项目中使用jQuery，我使用jQuery Cookie Plugin，使用起来真的很简单：

var cookieName = "increment";

if ($.cookie(cookieName) == null){
  $.cookie(cookieName, 1, { expires: 10 });
}else{
  var newValue = Number($.cookie(cookieName)) + 1;
  $.cookie(cookieName, newValue, { expires: 10 });
}

【讨论】：

【解决方案2】：

盗自http://www.quirksmode.org/js/cookies.html#script

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toUTCString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var 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;
}

function eraseCookie(name) {
    createCookie(name,"",-1);
}

使用它：

var oldCount = parseInt(readCookie('hitCount'), 10) || 0;
createCookie('hitCount', oldCount + 1, 7);

正如 cmets 中所指出的，您应该转换为 int，因为 cookie 以字符串形式存储和返回。使用 foo++ 或 ++foo 实际上会为您投射，但确切地知道您正在使用什么会更安全：

var x = "5";  // x = "5" (string)
x += 1;       // x = "51" (string!)
x += 5;       // x = "515" (string!)
++x;          // x = 516 (number)

【讨论】：

readCookie 返回一个子字符串，你应该在递增 1 时将其转换为数字，否则你会得到 1, 11, 111, 1111...
您缺少值的转义和取消转义
请注意，toGMTString 现在已被弃用，取而代之的是 toUTCString

【解决方案3】：

最好的方法总是最简单的：

function getCookie(name) {
  return (name = (document.cookie + ';').match(new RegExp(name + '=.*;'))) && name[0].split(/=|;/)[1];
}

// the default lifetime is 365 days
function setCookie(name, value, days) {
  var e = new Date;
  e.setDate(e.getDate() + (days || 365));
  document.cookie = name + "=" + value + ';expires=' + e.toUTCString() + ';path=/;domain=.' + document.domain;
}

这些函数期望值是一个简单的字符串，但你可以随时 JSON.stringify 如果你愿意，或者用它做其他事情......

【讨论】：

为 getCookie +1 中的 1-liner 点赞