前端js cookie的使用
堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業 ”的價值觀,專業網站建設服務10余年為成都活動板房小微創業公司專業提供企業網站制作營銷網站建設商城網站建設手機網站建設小程序網站建設網站改版,從內容策劃、視覺設計、底層架構、網頁布局、功能開發迭代于一體的高端網站建設服務。
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
以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持創新互聯!