javascript操作cookie

前端js cookie的使用

堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀，專業(yè)網(wǎng)站建設服務10余年為成都活動板房小微創(chuàng)業(yè)公司專業(yè)提供企業(yè)網(wǎng)站制作營銷網(wǎng)站建設商城網(wǎng)站建設手機網(wǎng)站建設小程序網(wǎng)站建設網(wǎng)站改版，從內(nèi)容策劃、視覺設計、底層架構(gòu)、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設服務。

cookie的作用：服務器可以利用Cookies包含信息的任意性來篩選并經(jīng)常性維護這些信息，以判斷在HTTP傳輸中的狀態(tài)。Cookies最典型的應用是判定注冊用戶是否已 經(jīng)登錄網(wǎng)站，用戶可能會得到提示，是否在下一次進入此網(wǎng)站時保留用戶信息以便簡化登錄手續(xù)，這些都是Cookies的功用。另一個重要應用場合是“購物 車”之類處理。用戶可能會在一段時間內(nèi)在同一家網(wǎng)站的不同頁面中選擇不同的商品，這些信息都會寫入Cookies，以便在最后付款時提取信息。

js設置cookie

document.cookie="popped=yes"

js獲取cookie

function get_cookie(Name) {
  var search = Name + "="http://查詢檢索的值
  var returnvalue = "";//返回值
  if (document.cookie.length > 0) {
   sd = document.cookie.indexOf(search);
   if (sd!= -1) {
    sd += search.length;
    end = document.cookie.indexOf(";", sd);
    if (end == -1)
     end = document.cookie.length;
     //unescape() 函數(shù)可對通過 escape() 編碼的字符串進行解碼。
    returnvalue=unescape(document.cookie.substring(sd, end))
   }
  } 
  return returnvalue;
}
//使用方式：
get_cookie("popped");

給cookie設置終止日期

例如：如果要將cookie設置為10天后過期，可以這樣實現(xiàn)：

//獲取當前時間
var date=new Date();
var expiresDays=10;
//將date設置為10天以后的時間
date.setTime(date.getTime()+expiresDays*24*3600*1000);
//將userId和userName兩個cookie設置為10天后過期
document.cookie="userId=828; userName=hulk; expires="+date.toGMTString();

刪除cookie

為了刪除一個cookie，可以將其過期時間設定為一個過去的時間，例如：

//獲取當前時間
var date=new Date();
//將date設置為過去的時間
date.setTime(date.getTime()-10000);
//將userId這個cookie刪除
document.cookie="userId=828; expires="+date.toGMTString();

下面封裝上面的方法

var cookie = {
  set:function(key,val,time){//設置cookie方法
    var date=new Date(); //獲取當前時間
    var expiresDays=time; //將date設置為n天以后的時間
    date.setTime(date.getTime()+expiresDays*24*3600*1000); //格式化為cookie識別的時間
    document.cookie=key + "=" + val +";expires="+date.toGMTString(); //設置cookie
  },
  get:function(key){//獲取cookie方法
    /*獲取cookie參數(shù)*/
    var getCookie = document.cookie.replace(/[ ]/g,""); //獲取cookie，并且將獲得的cookie格式化，去掉空格字符
    var arrCookie = getCookie.split(";") //將獲得的cookie以"分號"為標識 將cookie保存到arrCookie的數(shù)組中
    var tips; //聲明變量tips
    for(var i=0;i<arrCookie.length;i++){  //使用for循環(huán)查找cookie中的tips變量
      var arr=arrCookie[i].split("=");  //將單條cookie用"等號"為標識，將單條cookie保存為arr數(shù)組
      if(key==arr[0]){ //匹配變量名稱，其中arr[0]是指的cookie名稱，如果該條變量為tips則執(zhí)行判斷語句中的賦值操作
        tips=arr[1];  //將cookie的值賦給變量tips
        break;  //終止for循環(huán)遍歷
      }
    },
   delete:function(key){ //刪除cookie方法
     var date = new Date(); //獲取當前時間
     date.setTime(date.getTime()-10000); //將date設置為過去的時間
     document.cookie = key + "=v; expires =" +date.toGMTString();//設置cookie
    }
    return tips;
  }
}

使用方式：

cookie.set("uesr","sss",24);//設置為24天過期
alert(cookie.get("uesr"));//獲取cookie

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持創(chuàng)新互聯(lián)！

分享文章：javascript操作cookie
鏈接地址：http://bm7419.com/article30/goedpo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站建設、自適應網(wǎng)站、域名注冊、網(wǎng)站收錄、關鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)頁設計公司