html5中cookie介紹,封裝以及添加,獲取,刪除


  cookie是儲存在用戶本地終端上的數據。
  在我們登陸網站時有記錄密碼,也有時間限制比如說7天,5天等等這都是我們利用cookie來寫的,
  這就是利用了cookie的會話周期,但cookie同時又是不安全的我們可以打開網頁看到用戶輸入的密碼,而且又是依賴於服務器環境的,
  再寫cookie時還要設置儲存路徑,而我們獲取出來的值又是字符串,同時它又是非常小的,只有4kb,
  下面我們來封裝一下coookie

  封裝設置cookie:

  function setCookie(name,value,iDay) { //傳值為名,值,過期時間
 if(iDay){ //如果有過期時間的話則執行這個條件

var oDate=new Date(); //獲取當且的事件戳

oDate.setDate(oDate.getDate()+iDay); //設置過期事件

document.cookie=name+"="+value+"; path=/; expires="+oDate;//設置cookie

}else {
//如果有過期時間的話則執行這個條件 設置cookie
 document.cookie=name+"="+value+"; path=/"; //名,值以及根目錄
}

}

獲取cookie值

function getCookie(name) {

var arr1=document.cookie.split("; "); 獲取cookie值並且用”; “來進行切割成數組

for(var i=0;i<arr1.length;i++){ //循環本數組

var arr2=arr1[i].split("="); //再次利用split()方法進行切割為二維數組

if(arr2[0]==name){ //循環二維數組,當第一個值為你所傳的值則返回本數組的第二個值

return arr2[1];

}

}

return " ";

}

刪除cookie

function removeCookie(name) {

setCookie("jack","1234",-1); //再次調用setCookie,關鍵是把過期時間設置為負值

}

以上就是我對cookie的理解

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM