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看一看，這倆是一起問的，別問我怎麼知道的！後期可能會更新到部落格上來吧，歡迎關注哦。