JS ?設(shè)置cookie、讀取cookie、刪除cookie

通常瀏覽器在第一次頁面加載時候會幫我們把網(wǎng)站的圖片數(shù)據(jù)等信息緩存下來。當(dāng)用戶在一段時間內(nèi)重復(fù)登陸該網(wǎng)站的時候可以直接引用緩存的信息加快加頁面渲染速度，減少服務(wù)器壓力，大大提高加載速度，提高用戶體驗。

本人經(jīng)過測試感覺還不錯。

PS：友情提示，請在服務(wù)器環(huán)境?下測試，非服務(wù)器環(huán)境下是沒辦法的~

完成后可以打開瀏覽器控制臺查看是否打印~

(function()?{??

var?isHasCookei?=?getCookie("haveSave");????//?首先獲取cookie??

console.log(isHasCookei);//?成功則打印yes??

if?(!(isHasCookei?==?"yes"))?{??

setCookie("haveSave","yes","5000s");????//?如果加載完成就設(shè)置一個Cookie，執(zhí)行一次該步驟??

return?false??

????????????},50);??

}else?{????????????????????????????????????//?Cookie==yes時候執(zhí)行我們要的??

????????}??

function?setCookie(name,value,time)?{???????//?設(shè)置一個cookie??

var?strsec?=?getsec(time);??

var?exp?=?new?Date();??

????????????exp.setTime(exp.getTime()?+?strsec*1);??

document.cookie?=?name?+"="+?value?+?";expires="?+?exp.toGMTString();??

????????}??

function?getsec(str)?{??

var?str1=str.substring(1,str.length)*1;??

var?str2=str.substring(0,1);??

if?(str2=="s")?{??

return?str1*1000;??

}else?if?(str2=="h")?{??

return?str1*60*60*1000;??

}else?if?(str2=="d")?{??

return?str1*24*60*60*1000;??

????????????}??

????????}??

function?getCookie(name)?{??????????????????//獲取一個cookie??

var?strCookie?=?document.cookie;??

var?arr?=?strCookie.split(';');??

for?(var?i?=?0;?i?<?arr.length;?i++)?{??

var?t?=?arr[i].split("=");??

if(t[0]?==?name)?{??

return?t[1];??

????????????????}??

????????????};??

return?null;??

????????}??

function?delCookie(name)?{???????????????????//刪除一個cookie??

var?exp?=?new?Date();??

????????????exp.setTime(exp.getTime()?-?1);??

var?cval=getCookie(name);??

if(cval!=null)??

document.cookie=?name?+"="+cval+";expires="+exp.toUTCString();??

????????}??

????})??