web前端细解cookie那些事
Posted gcghcxy
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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前端细解cookie那些事的主要内容,如果未能解决你的问题,请参考以下文章