js中設定cookie以及獲取cookie

2021-09-14 00:27:04 字數 1031 閱讀 2054

當使用者訪問 web 頁面時,他的名字可以記錄在 cookie 中。

在使用者下一次訪問該頁面時,可以在 cookie 中讀取使用者訪問記錄。

cookie 以名/值對形式儲存

js中可以通過document.cookie屬性來建立,讀取以及刪除cookie

document.cookie="username=john doe";
可以為cookie新增過期時間(utc或gmt時間)預設情況下,cookie在瀏覽器關閉時刪除

document.cookie="username=john doe; expires=thu, 18 dec 2043 12:00:00 gmt";
可以使用path引數設定cookie路徑,預設情況下cookie屬於當前頁面

document.cookie="username=john doe; expires=thu, 18 dec 2043 12:00:00 gmt; path=/";
var x=document.cookie;
修改cookie類似與建立cookie

document.cookie="username=john smith; expires=thu, 18 dec 2043 12:00:00 gmt; path=/";
只需要設定expires引數為以前時間即可,如thu ,01 jan 1970 00:00:00gmt

document.cookie='username=;expires=thu,01 jan 1970 00:00:00 gmt'
如果設定了新的 cookie(名字不一樣),舊的 cookie 不會被覆蓋。 新 cookie 將新增到 document.cookie 中,所以如果重新讀取document.cookie,將獲得所有cookie

例項

cookie的設定 獲取以及刪除

首先介紹一下cookie的基本資訊 cookie是以域為單位的,它必須放在伺服器的的環境下,但是cookie的容量小,只有4kb,並且也不安全,還有入股cookie的名字相同,會修改或者覆蓋原來的值,如果名字不同,會新增一條cookie 獲取到cookie的格式都是字串 父級種下的cookie,子級...

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自動消...