js方法的完整代碼如下：

var cookie = {set:function(key,val,time){//設(shè)置cookie方法var date=new Date(); //獲取當(dāng)前時間var expiresDays=time; //將date設(shè)置為n天以后的時間date.setTime(date.getTime()+expiresDays*24*3600*1000); //格式化為cookie識別的時間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以"分號"為標(biāo)識 將cookie保存到arrCookie的數(shù)組中var tips; //聲明變量tipsfor(var i=0;i<arrCookie.length;i++){ //使用for循環(huán)查找cookie中的tips變量var arr=arrCookie[i].split("="); //將單條cookie用"等號"為標(biāo)識，將單條cookie保存為arr數(shù)組if(key==arr[0]){ //匹配變量名稱，其中arr[0]是指的cookie名稱，如果該條變量為tips則執(zhí)行判斷語句中的賦值操作tips=arr[1]; //將cookie的值賦給變量tipsbreak; //終止for循環(huán)遍歷} }return tips;} }

代碼中已經(jīng)加入了注釋，因此某些個別數(shù)值需要調(diào)整的話，可以自行修改代碼。當(dāng)然了，如果多家一兩個參數(shù)也不是不可以，自行發(fā)揮吧。

下面簡單的說明一下設(shè)置與獲取的方法，便于前端開發(fā)新手用戶使用

設(shè)置cookie的方法為：cookie.set(key,val,time)

key可以理解為cookie的變量名

val可以理解為這個cookie所帶有的值

time是cookie的超時時間，單位為天

?

獲取cookie的方法為：cookie.get(key)

key就是剛才我們設(shè)置時的cookie變量名

我們只需要將函數(shù)賦值給新的變量即可調(diào)用這個值，例如：var n =?cookie.get(key);

方法寫的不算復(fù)雜，比較適合前端開發(fā)新手使用。

?

如何調(diào)試與查看cookie？

cookie可以通過某些瀏覽器的開發(fā)人員工具進(jìn)行查看，本文暫以Chrome為例。

打開頁面后，可以通過 “右鍵-> 審查元素 ->resources”，然后如下圖中，設(shè)置了一個font-size為例，可以查看到變量名、值、和過期時間等信息

?本文轉(zhuǎn)載自：品味人生?2014年03月02日?于?前端開拓者?發(fā)表，感謝作者分享

轉(zhuǎn)載于:https://www.cnblogs.com/seanna/p/6627246.html

總結(jié)

以上是生活随笔為你收集整理的前端开发中通过js设置cookie的一组方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。