cookie的概述
1.localstorage是html5新增。
2.cookie的概念:
3.cookie的特點
cookie的儲存
1.儲存cookie , docuement.cookie 一條條儲存,鍵值對(key=value),如果key相同,覆蓋
2.儲存帶有過期時間的cookiedocument.cookie =
"name=zhangsan"
;document.cookie =
"age=100"
;document.cookie =
"***=男"
;
3.儲存cookie的函式封裝let d =
newdate()
;//獲取當前的日期
//alert(d.getdate());//4 獲取當天是多少號
d.setdate
(d.getdate()
+10);
//獲取當前的日期+10;在設定回去;
document.cookie=
"name=zhangsan;expires="
+d;//expires:設定過期日期;
cookie的獲取// 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
2.通過封裝函式來獲取cookie中的某個值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, ***=男"
];
cookie的刪除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 同一網域名稱 ...