ITPub博客

首页 > 应用开发 > Html/css > 好程序员web前端细解cookie那些事

好程序员web前端细解cookie那些事

原创 Html/css 作者:好程序员IT 时间:2019-07-11 16:40:26 0 删除 编辑

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

}

}


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69913892/viewspace-2650260/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
欢迎关注公众号:好程序员特训营 web前端教程分享 723729549 大数据教程分享 703503210

注册时间:2019-03-20

  • 博文量
    238
  • 访问量
    183928