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)
}
}
轉載于:https://www.cnblogs.com/gcghcxy/p/11171016.html
總結
以上是生活随笔為你收集整理的web前端细解cookie那些事的全部內容，希望文章能夠幫你解決所遇到的問題。
