javascript操作cookie
前端js cookie的使用
cookie的作用:服務(wù)器可以利用Cookies包含信息的任意性來篩選并經(jīng)常性維護(hù)這些信息,以判斷在HTTP傳輸中的狀態(tài)。Cookies最典型的應(yīng)用是判定注冊(cè)用戶是否已 經(jīng)登錄網(wǎng)站,用戶可能會(huì)得到提示,是否在下一次進(jìn)入此網(wǎng)站時(shí)保留用戶信息以便簡(jiǎn)化登錄手續(xù),這些都是Cookies的功用。另一個(gè)重要應(yīng)用場(chǎng)合是“購(gòu)物 車”之類處理。用戶可能會(huì)在一段時(shí)間內(nèi)在同一家網(wǎng)站的不同頁(yè)面中選擇不同的商品,這些信息都會(huì)寫入Cookies,以便在最后付款時(shí)提取信息。
js設(shè)置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() 函數(shù)可對(duì)通過 escape() 編碼的字符串進(jìn)行解碼。 returnvalue=unescape(document.cookie.substring(sd, end)) } } return returnvalue; } //使用方式: get_cookie("popped");
給cookie設(shè)置終止日期
例如:如果要將cookie設(shè)置為10天后過期,可以這樣實(shí)現(xiàn):
//獲取當(dāng)前時(shí)間 var date=new Date(); var expiresDays=10; //將date設(shè)置為10天以后的時(shí)間 date.setTime(date.getTime()+expiresDays*24*3600*1000); //將userId和userName兩個(gè)cookie設(shè)置為10天后過期 document.cookie="userId=828; userName=hulk; expires="+date.toGMTString();
刪除cookie
為了刪除一個(gè)cookie,可以將其過期時(shí)間設(shè)定為一個(gè)過去的時(shí)間,例如:
//獲取當(dāng)前時(shí)間 var date=new Date(); //將date設(shè)置為過去的時(shí)間 date.setTime(date.getTime()-10000); //將userId這個(gè)cookie刪除 document.cookie="userId=828; expires="+date.toGMTString();
下面封裝上面的方法
var cookie = { set:function(key,val,time){//設(shè)置cookie方法 var date=new Date(); //獲取當(dāng)前時(shí)間 var expiresDays=time; //將date設(shè)置為n天以后的時(shí)間 date.setTime(date.getTime()+expiresDays*24*3600*1000); //格式化為cookie識(shí)別的時(shí)間 document.cookie=key + "=" + val +";expires="+date.toGMTString(); //設(shè)置cookie }, get:function(key){//獲取cookie方法 /*獲取cookie參數(shù)*/ var getCookie = document.cookie.replace(/[ ]/g,""); //獲取cookie,并且將獲得的cookie格式化,去掉空格字符 var arrCookie = getCookie.split(";") //將獲得的cookie以"分號(hào)"為標(biāo)識(shí) 將cookie保存到arrCookie的數(shù)組中 var tips; //聲明變量tips for(var i=0;i<arrCookie.length;i++){ //使用for循環(huán)查找cookie中的tips變量 var arr=arrCookie[i].split("="); //將單條cookie用"等號(hào)"為標(biāo)識(shí),將單條cookie保存為arr數(shù)組 if(key==arr[0]){ //匹配變量名稱,其中arr[0]是指的cookie名稱,如果該條變量為tips則執(zhí)行判斷語(yǔ)句中的賦值操作 tips=arr[1]; //將cookie的值賦給變量tips break; //終止for循環(huán)遍歷 } }, delete:function(key){ //刪除cookie方法 var date = new Date(); //獲取當(dāng)前時(shí)間 date.setTime(date.getTime()-10000); //將date設(shè)置為過去的時(shí)間 document.cookie = key + "=v; expires =" +date.toGMTString();//設(shè)置cookie } return tips; } }
使用方式:
cookie.set("uesr","sss",24);//設(shè)置為24天過期 alert(cookie.get("uesr"));//獲取cookie
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
- JS實(shí)現(xiàn)Cookie讀、寫、刪除操作工具類示例
- javascript 中Cookie讀、寫與刪除操作
- javascript 操作cookies詳解及實(shí)例
- Javascript 對(duì)cookie操作詳解及實(shí)例
- JS中對(duì)Cookie的操作詳解
- JS封裝cookie操作函數(shù)實(shí)例(設(shè)置、讀取、刪除)
- javascript操作Cookie(設(shè)置、讀取、刪除)方法詳解
- js中的cookie的讀寫操作示例詳解
- JS操作Cookie寫入和讀取實(shí)例代碼
- JS操作Cookies包括(讀取添加與刪除)
- JavaScript實(shí)現(xiàn)cookie的操作
相關(guān)文章
微信小程序map組件結(jié)合高德地圖API實(shí)現(xiàn)wx.chooseLocation功能示例
這篇文章主要介紹了微信小程序map組件結(jié)合高德地圖API實(shí)現(xiàn)wx.chooseLocation功能,結(jié)合實(shí)例形式分析了map組件調(diào)用高德地圖API接口獲取地理位置提示列表并返回location相關(guān)操作技巧,需要的朋友可以參考下2019-01-01select每選擇一個(gè)option選項(xiàng)減少對(duì)應(yīng)的option實(shí)現(xiàn)方法
這篇文章主要為大家介紹了select每選擇一個(gè)option選項(xiàng)減少對(duì)應(yīng)的option實(shí)現(xiàn)方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12JS使用正則表達(dá)式找出最長(zhǎng)連續(xù)子串長(zhǎng)度
這篇文章主要介紹了js 正則找出最長(zhǎng)連續(xù)子串長(zhǎng)度的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-10-10JavaScript學(xué)習(xí)筆記之取值函數(shù)getter與取值函數(shù)setter詳解
這篇文章主要介紹了JavaScript取值函數(shù)getter與取值函數(shù)setter,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08javascript實(shí)現(xiàn)顯示和隱藏div方法匯總
本文章通過幾個(gè)簡(jiǎn)單的實(shí)例告訴你如何來實(shí)例關(guān)于隱藏與顯示div層及關(guān)閉層與隱藏的區(qū)別分析哦,有需要的同學(xué)可以參考一下本文章。2015-08-08javascript實(shí)現(xiàn)圖片循環(huán)漸顯播放的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)圖片循環(huán)漸顯播放的方法,涉及javascript操作圖片的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02JS實(shí)現(xiàn)簡(jiǎn)單的右下角彈出提示窗口完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單的右下角彈出提示窗口的方法,可實(shí)現(xiàn)點(diǎn)擊連接右下角彈出提示框的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06