即使页面是从缓存加载的，我也想在每次引用页面时增加 cookie 值。实现这一点的“最佳”或最简洁的方法是什么？
使用 JavaScript 获取和设置单个 cookie 值的“最佳”方法是什么
IT技术
javascript
cookies
2021-01-25 11:17:59
3个回答
从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);
正如评论中所指出的，您应该转换为 int，因为 cookie 以字符串形式存储和返回。使用foo++or++foo将实际为您投射，但确切地知道您正在使用的内容更安全：
var x = "5"; // x = "5" (string)
x += 1; // x = "51" (string!)
x += 5; // x = "515" (string!)
++x; // x = 516 (number)
我见过的大多数旧 cookie 处理函数都使用简单的字符串操作来存储检索值，就像这个例子一样，你可以使用其他库，比如cookie-js，一个用于 cookie 访问的小型（<100 行）实用程序。
我个人在我的项目中使用 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 });
}
最好的方法总是最简单的：
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 它或者用它做其他事情......