小小千想和您聊一聊

当前位置: 首页> 技术分享> cookie

cookie

  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)
	}
}

上一篇:HTML5工具初识之网页编辑器

下一篇:什么是前端同构渲染

QQ技术交流群

千锋HTML5官方①群
791201477

加入群聊