社区微信群开通啦，扫一扫抢先加入社区官方微信群
社区微信群
好程序员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)
}
}
如果觉得我的文章对您有用，请随意打赏。你的支持将鼓励我继续创作！
