好程式設計師web前端細解cookie那些事

好程式設計師 web前端細解cookie那些事， 在網際網路時代， IT行業飛速發展，帶動了web 前端開發行業的興趣。由於行業新興起時間不久，專業人才缺乏，薪資待遇較高，已成為眾多 IT學子選擇就業的首選，今天就為分享一些有用的乾貨。

 

1.什麼是cookie

 

 

cookie是瀏覽器 快取

 

快取是什麼？資料交換的緩衝區 >>>> 臨時儲存 。

 

cookie的特性， cookie生效在同一個域名下。cookie儲存量有限。4~10k，不能儲存50條，有過期時間。

 

>>>>快取

 

2.cookie使用

 

document.cookie=''

 

cookie的格式要求。 名稱=值;

 

會話 cookie

 

回顧 Date物件

 

setDate( ) 裡面的引數超出日期時間後幹什麼

 

setDate(getDate()+8000)

 

expires=

 

'user=yanghuaizhi;expires='+d

 

封裝 cookie

 

function setCookie(name,value,expirs){

     var d=new Date();

     d.setDate(d.getDate()+expirs)

     document.cookie=name+'='+value+';expires='+expirs

 

}

 

獲取 cookie     

 

function getCookie( name ){

     var arr=doucment.cookie.split(';  ');

 

     for(var i = 0 ;  i < arr.length; i ++){

          var arr2=arr[i].split('=');

 

          if(arr2[0]==name){

               return arr2[1]

          }

     }

     

          return ''   

}

 

cookie的除錯：

3.刪除cookie

 

function removeCookie(name){

     setCookie(name,1,-1);  // 1是隨意設定的值，可以是任意值； -1是過期時間

}

 

cookie的封裝

var cookie={

setCookie:function(name,value,date){

var d=new Date();

d.setTime(d.getTime()+date);

document.cookie=name+'='+value+';expires='+d;

},

getCookie:function(name){

var arr=document.cookie.split('; ');

for(var i = 0 ; i < arr.length; i ++){

var arr2=arr[i].split('=');

if(arr2[0]==name){

return arr2[1];

}

}

return '';

},

removeCookie:function(name){

cookie.setCookie(name,'',-1)

}

}