Cookie封裝(設定,獲取 刪除)詳解

2022-08-23 20:51:10 字數 1518 閱讀 1619

**:

如圖下所示:

需求:選中右上角單選框某個顏色值時,導航欄主題色同步改變成選中顏色,當重新整理頁面時候,選中的顏色仍然選中之前關閉的顏色;

cookie的主要作用:

cookie主要用在以下三個方面:

/*** 2、改變導航欄頭部顏色

*/$('.theme_color_checkbox li').on('click', function () )

// var themecolorindex = localstorage.getitem('themecolor');

varthemecolorindex = getcookie('themecolorcookie');

if (themecolorindex) 

/*** 

* @param

name

//cookie的名稱

* @param

value

//cookie的值

* @param

day//cookie的過期時間

*/function

setcookie(name, value, day)  else 

}/**

* * 

@param

name

//cookie的名稱

*/function

getcookie(name)  else 

}/**

* * 

@param

name

//刪除cookie的值

*/var

delcookie = function (name) 

/*** cookie設定基本語法:

* cookiename=cookievalue ===> cookiename(cookie名字),cookievalue(cookie值)

* expires=sun, 13 oct 2019 02:09:08 gmt ===> 設定cookie過期日期,若未定義,cookie會在會話結束時候過期,日期格式為new date().toutcstring()

* path=/demodir ===> 設定檔案的路徑,沒有定義預設為當前文件位置的路徑

* domain=127.0.0.1 ===> 設定指定網域名稱,若未定義,預設問當前文件位置的路徑或網域名稱的部分

* max-age=604800000 ===> 設定文件被檢視後cookie過期時間,單位為秒

* secure=true ===> cookie只會被https傳輸,即加密的https鏈結傳輸

*/// document.cookie = "cookiename=cookievalue;expires=sun, 13 oct 2019 02:09:08 gmt;path=/demodir;domain=127.0.0.1;max-age=604800000;secure=true";

js設定 修改 獲取 刪除 cookie

上面這串省略號對於各種吐槽的聲音 裡面給出的設定cookie的 是這樣的 function setcookie name,value 這個函式只能設定cookie但是不能修改 什麼個意思呢看下圖就明白了 因為沒有指定路徑 所以當再次設定同鍵名的cookie時就無法覆蓋了 正確的設定cookie姿勢是...

vue中設定 獲取 刪除cookie

1 在src目錄下的access下新建乙個cookie.js,2 在main.js中引入並且將cookie設定成vue的全域性變數 3 這樣,在登入或退出等頁面上就可以呼叫 cookiestore這個全域性變數來使用 將使用者名稱存進cookie,第三個引數60為秒,意味著一分鐘後cookie自動消...

cookie的獲取 設定與刪除

設定cookie c name 傳入的鍵 str value 傳入的值 str expiredays 有效期 天為單位 number escape 和unescape 是一對編碼解碼函式,一般用於url中非ascii字元的編碼和解碼!如 escape 返回 26,unescape 26 返回 都用十...