在前端開發中有些情況下需要獲取用戶的cookies，這樣當用戶下次登錄網站的時候就不需要重復的去調整功能，那么你知道如何去實現嗎？

先放一段完整的JS代碼，后面都有功能備注，大家可以自己先看一下。

下面再介紹一下cookies的設置和獲取方式，幫助新手前端開發者了解和使用

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

key可以理解為cookie的變量名

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

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

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

key就是剛才我們設置時的cookie變量名

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

如何調試與查看cookie？

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

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

本文來自千鋒教育，轉載請注明出處。

總結

以上是生活随笔為你收集整理的web前端怎么获取cookie？新手前端开发者需了解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。