天天看點

如何使用js操作Cookie

第一次使用Cookie儲存記錄。以下是操作Cookie的一些方法。

設定Cookie

//expires是cookie在浏覽器上的逾時時間
function setCookie(name,value,expires) {
    if(expires) {
        var exp = new Date();
        exp.setTime(exp.getTime() + expires * 1000);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
    } else {
        document.cookie = name + "=" + escape(value) + ";";
    }
}
           

擷取指定name的cookie值

function getCookie(name) {
    var result = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
    if (result != null) {
        return unescape(result[2]);
    }
    return null;
}
           

删除Cookie

//删除cookie
function delCookie(name)
{
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null)
        document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
           

将JSON資料存入Cookie,從Cookie擷取JSON資料

var obj={name: '123',age: 18};
setCookie("user",JSON.stringify(obj),null);
var jsonStr=getCookie("user");
if(jsonStr != null){
	console.log(JSON.parse(jsonStr));
}
           

繼續閱讀