前端開發中通過js設定cookie的一組方法

2022-08-27 20:36:11 字數 775 閱讀 7065

我們在前端開發中,通常都需要獲取並記錄使用者的某些操作設定,這樣可以使使用者下一次訪問**時不用進行重複的調整設定同乙個功能。

此次文章中的方法是在前端開發工作中自己隨手寫的一組通過js設定與獲取cookie的方法,能夠應用在多說情況下,沒做細挖與深究。

js方法的完整**如下:

var cookie =,

get:function(key)

}return

tips;}}

下面簡單的說明一下設定與獲取的方法,便於前端開發新手使用者使用

設定cookie的方法為:cookie.set(key,val,time)

key可以理解為cookie的變數名

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

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

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

key就是剛才我們設定時的cookie變數名

我們只需要將函式賦值給新的變數即可呼叫這個值,例如:var n = cookie.get(key);

方法寫的不算複雜,比較適合前端開發新手使用。

如何除錯與檢視cookie?

cookie可以通過某些瀏覽器的開發人員工具進行檢視,本文暫以chrome為例。

開啟頁面後,可以通過 「右鍵-> 審查元素 ->resources」,然後如下圖中,設定了乙個font-size為例,可以檢視到變數名、值、和過期時間等資訊

通過js設定css

firefox等可以使用 var dom document.getelementbyid name dom.setattribute style width 10px height 10px border solid 1px red ie中則必須使用style.csstext var dom doc...

通過js讀取或設定FCKeditor中的值

fckeditor確實挺好用,但卻缺乏乙個詳細的開發文件,以致於開發中遇到的很多問題,都很難從官方找到解答,只好在 網上搜尋或者自己看 今天剛好碰到需要通過js來讀取或設定fckeditor裡面的值,通過freetextbox提供的api ftb api clientid gethtml 和ftb ...

前端開發之JS中filter 的使用

2021 12 20 11 28 前言在前端開發過程中,對陣列的資料進行處理也是比較常見的操作之一,而且對陣列進行操作的頻率遠遠大於對 物件進行操作,因此在開發過程中對於陣列裡面的資料進行處理是一項比較重要的技能,尤其是對於剛入行的前端開發者來說尤為重要,所以一定要掌握好相關技能。本篇博文來分享一下...