好程序员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)

}

}

好程序员web前端培训官网：http://www.goodprogrammer.org/html5_class.shtml