溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
前端js cookie的使用
cookie的作用：服務器可以利用Cookies包含信息的任意性來篩選并經常性維護這些信息，以判斷在HTTP傳輸中的狀態。Cookies最典型的應用是判定注冊用戶是否已 經登錄網站，用戶可能會得到提示，是否在下一次進入此網站時保留用戶信息以便簡化登錄手續，這些都是Cookies的功用。另一個重要應用場合是“購物 車”之類處理。用戶可能會在一段時間內在同一家網站的不同頁面中選擇不同的商品，這些信息都會寫入Cookies，以便在最后付款時提取信息。
js設置cookie
document.cookie="popped=yes"
js獲取cookie
function get_cookie(Name) {
var search = Name + "="http://查詢檢索的值
var returnvalue = "";//返回值
if (document.cookie.length > 0) {
sd = document.cookie.indexOf(search);
if (sd!= -1) {
sd += search.length;
end = document.cookie.indexOf(";", sd);
if (end == -1)
end = document.cookie.length;
//unescape() 函數可對通過 escape() 編碼的字符串進行解碼。
returnvalue=unescape(document.cookie.substring(sd, end))
}
}
return returnvalue;
}
//使用方式：
get_cookie("popped");
給cookie設置終止日期
例如：如果要將cookie設置為10天后過期，可以這樣實現：
//獲取當前時間 var date=new Date(); var expiresDays=10; //將date設置為10天以后的時間 date.setTime(date.getTime()+expiresDays*24*3600*1000); //將userId和userName兩個cookie設置為10天后過期 document.cookie="userId=828; userName=hulk; expires="+date.toGMTString();
刪除cookie
為了刪除一個cookie，可以將其過期時間設定為一個過去的時間，例如：
//獲取當前時間 var date=new Date(); //將date設置為過去的時間 date.setTime(date.getTime()-10000); //將userId這個cookie刪除 document.cookie="userId=828; expires="+date.toGMTString();
下面封裝上面的方法
var cookie = {
set:function(key,val,time){//設置cookie方法
var date=new Date(); //獲取當前時間
var expiresDays=time; //將date設置為n天以后的時間
date.setTime(date.getTime()+expiresDays*24*3600*1000); //格式化為cookie識別的時間
document.cookie=key + "=" + val +";expires="+date.toGMTString(); //設置cookie
},
get:function(key){//獲取cookie方法
/*獲取cookie參數*/
var getCookie = document.cookie.replace(/[ ]/g,""); //獲取cookie，并且將獲得的cookie格式化，去掉空格字符
var arrCookie = getCookie.split(";") //將獲得的cookie以"分號"為標識 將cookie保存到arrCookie的數組中
var tips; //聲明變量tips
for(var i=0;i<arrCookie.length;i++){ //使用for循環查找cookie中的tips變量
var arr=arrCookie[i].split("="); //將單條cookie用"等號"為標識，將單條cookie保存為arr數組
if(key==arr[0]){ //匹配變量名稱，其中arr[0]是指的cookie名稱，如果該條變量為tips則執行判斷語句中的賦值操作
tips=arr[1]; //將cookie的值賦給變量tips
break; //終止for循環遍歷
}
},
delete:function(key){ //刪除cookie方法
var date = new Date(); //獲取當前時間
date.setTime(date.getTime()-10000); //將date設置為過去的時間
document.cookie = key + "=v; expires =" +date.toGMTString();//設置cookie
}
return tips;
}
}
使用方式：
cookie.set("uesr","sss",24);//設置為24天過期
alert(cookie.get("uesr"));//獲取cookie
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持億速云！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
