[英]What is the “best” way to get and set a single cookie value using JavaScript
我想在每次引用頁面時遞增cookie值,即使頁面是從緩存加載的。 實現這一目標的“最佳”或最簡潔的方法是什么?
從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++
或++foo
實際上會為你投射,但是確切知道你正在使用的是更安全的:
var x = "5"; // x = "5" (string)
x += 1; // x = "51" (string!)
x += 5; // x = "515" (string!)
++x; // x = 516 (number)
我見過的大多數舊的cookie處理函數都使用簡單的字符串操作來存儲檢索值,比如這個例子,你可以使用其他庫,比如cookie-js ,一個小的(<100行)實用程序來訪問cookie。
我個人在我的項目中使用jQuery,並且我使用jQuery Cookie插件 ,它使用起來非常簡單:
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它,如果你想要或可能做一些其他的...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.