js中cookie简单应用

cookie应用的方法其实很简单，都是封装好的现成的函数，直接用即可。cookie都是以“键值对”存储的（老哥，别给我说你不知道“键值对”是什么玩意儿，不知道的话就别学cookie了，先回去学js基础之json的相关知识）。

1、设置cookie

function setCookie(cname,cvalue,exdays){
    //三个参数分别依次是“键”、“值”、“日期”（即cookie可以存储的时长）
    var d = new Date();
    d.setTime(d.getTime()+(exdays*24*60*60*1000));
    var expires = "expires="+d.toGMTString();
    document.cookie = cname + "=" + cvalue + "; " + expires;
}

2、获取cookie

function getCookie(cname){
   //获取的时候直接获取cookie的“键”即可
   var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i].trim();
        if (c.indexOf(name)==0) return c.substring(name.length,c.length);
    }
    return "";
}

3、删除cookie

function delCookie(name){
    //删除的时候直接删除cookie的“键”即可
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval=getCookie(name);
    if(cval!=null)
    document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

现学现卖，下面十几个应用的小例子，一起来看看

1、设置cookie

//设置一个键值对，“女朋友”:“Mia”，存储的形式是{"girlFriend","Mia"}

setCookie("girlFriend","Mia");

2、读取cookie

//定义一个变量，然后把取出来的cookie的值赋给value，当然这个变量名你可以随意取，不一定叫value。

var value = getCookie("girlFriend");

3、删除cookie

//上面设置了girlFriend这个“键”，那么我们接下来删除这个键，此时我们再去alert这个value，返回的值就会是null

delCookie("girlFriend");

alert(value);//返回null

大家有没有学到呢，so easy！爸爸再也不怕面试老哥提问cookie了有木有？当然，大家顺便也去把H5新增的loacalstorage和sessionstorage看一看，这俩是一起问的，别问我怎么知道的！后期可能会更新到博客上来吧，欢迎关注哦。