cookie的訪問刪和封裝

cookie的概述

1.localstorage是html5新增。

2.cookie的概念：

3.cookie的特點

cookie的儲存

1.儲存cookie , docuement.cookie 一條條儲存,鍵值對(key=value),如果key相同，覆蓋

document.cookie =

"name=zhangsan"
;document.cookie =
"age=100"
;document.cookie =
"***=男"
;

let d =

newdate()
;//獲取當前的日期
//alert(d.getdate());//4 獲取當天是多少號
d.setdate
(d.getdate()
+10);
//獲取當前的日期+10;在設定回去；
document.cookie=
"name=zhangsan;expires="
+d;//expires:設定過期日期;

// encodeuricomponent();//對文字框輸入的值進行編碼，中文，特殊字元編碼結果是%加上這些符號的ascii碼十六進製制對照表。

// decodeuricomponent();//輸入的值進行解碼
function
addcookie
(key, value, days)=$
;expires=$`
;}addcookie
("name"
,"張三",7
);addcookie
("age"
,"100",7
);addcookie
("***"
,"男",7
);

1.獲取cookie–document.cookie獲取全部的cookie

目標：傳入key，放回key對應的value

alert

(document.cookie)
;//name=%e5%bc%a0%e4%b8%89; sge=100; ***=%e7%94%b7;
console.
log(
decodeuricomponent
(document.cookie));
//name=張三; sge=100; ***=男
//獲取的全部是cookie中間通過分號和空格連線起來的。("; ")
console.
log(
decodeuricomponent
(document.cookie)
.split
("; "))
;//利用分號和空格進行拆分
["name=張三, sge=100, ***=男"
];

function

getcookie
(key)}}
console.
log(
getcookie
("name"))
;//張三
console.
log(
getcookie
("age"))
;//100
console.
log(
getcookie
("***"))
;//男

封裝

function

delcookie
(key)
delcookie
("name");
//刪除為name的cookie資料；

let jscookie ==$

;expires=$`
;},get
:function
(key)}}
, del:
function
(key)
}jscookie.
del(
"age");
//刪除名為age的cookie資料；

簡單的 訪問刪讀cookie

兩種方式 訪問刪讀cookie 第一種 存cookies 例如 this.setcookie authorization json.stringify 1 第乙個引數是 cookie名字 第二個是cookie的值 第三個就是cookie存在的時間 vue.prototype.setcookie fu...

cookie 封裝和使用

1 寫入 cookie document.cookie username zs document.cookie age 18 讀取cookie 讀取的是全部的cookie console.log document.cookie username zs age 18 cookie 的名稱或值如果包含非...

Cookie的使用 含cookie的封裝

看到cookie這個詞,我乙個想到的就是餅乾,因為這個單詞的意思有餅乾的意思.可是這裡並不是,不是道為什麼命名為cookie,難道命名人喜歡吃餅乾.不扯了,進入正題.這裡的cookie是乙個本地資料,這些資料就是用來辨別使用者身份的.一般限制同一網域名稱數量為50個 總大小一般為4k 同一網域名稱 ...