阅读模式:

js对cookie 设置、获取和删除

查看:8864  回复:0  类型:  来源:php自学网  标签 javascript jquery cookie

一、使用Jquery.cookie.js插件对cookie的操作

jquery.cookie.js下载地址:jquery.cookie.js下载

jquery.cookie.js cdn网址:http://www.bootcdn.cn/jquery-cookie/


        使用前必须先引入jquery.js插件,然后再引入 jquery.cookie.js插件使用,jquery.cookie.js中包含了三个方法,分别是对cookie添加 $.cookie('key','value')cookie获取 $.cookie('key') 和cookie的删除 $.removeCookie('key','') 。

var cookietime =new Date();
//设置生存时间
cookietime.setTime(cookietime.getTime()+(10*60*1000));
//cookie 设置:
$.cookie('test','test',{expires: cookietime});
//cookie 获取:
$.cookie('test');
//cookie 删除
$.removeCookie('test','');

二、原生javascript对cookie操作

        设置cookie setCookie(name,value)、获取cookie getCookie(name)、删除cookie delCookie(name)

//设置cookie
function setCookie(name,value)
{
    var Days = 30;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

//获取cookie
function getCookie(name)
{
    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
    if(arr=document.cookie.match(reg)){
        return unescape(arr[2]);
    }else{
        return null;
    }
}

//删除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();
    } 
}
分享到: