天天看點

cookiecookie介紹

cookie

是浏覽器通路伺服器後,伺服器傳給浏覽器的一段資料。浏覽器需要儲存這資料,不會輕易删除(儲存在計算機中)。此後每次浏覽器方位該伺服器,都必須帶上這段資料。

cookie介紹

cookie

實際上是指小量資訊,隻能存儲4KB,是由Web伺服器建立的,将資訊存儲在使用者計算機在上的檔案,比如使用者登入某個網站,浏覽器會提醒是否儲存使用者名和密碼友善下一次登入,如果儲存就是将資訊儲存在cookie中,cookie在計算機中是個存儲在浏覽器目錄中的文本檔案。

cookie缺點

  • 容量限制 4KB;
  • 由http銘文傳遞,容易被竊用,盜取;
  • cookie每次請求都會自動添加到請求頭(Request Headers),增加容量;

儲存cookie

document.cookie = "UserName=123456";//一次隻能存一個;
document.cookie = "PassWord=abcdef";
//如果key值一樣,後面的會覆寫前面的
document.cookie = "PassWord=qwerty";//會覆寫掉之前的abdef;
           

擷取cookie

var cookie = document.cookie;
	console.log(cookie);//UserName=123456; PassWord=qwerty;
	var arr = cookie.split(";");//按";"分割;
	var arr1 = arr[1].split("=")[1];//按"="分割去後邊的值;
           

過期時間

文法:

document.cookie = "key=value;expires=時間對象"

var oDate = new Date();
oDate.setFullYear(2020);-->修改年;
oDate.setMonth(oDate.getMonth()+2);-->setMonth()--修改月; getMonth()-->擷取時間;
oDate.setDate(oDate.getDate()+7);->setDate()--修改日; getDate()-->擷取時間;
oDate.setSeconds(oDate.getSeconds()+20);->setSeconds()--修改秒; getSeconds()-->擷取時間;

//多長時間後删除cookie
oDate.setSeconds(oDate.getSeconds()+20);->setSeconds()--修改秒; getSeconds()-->擷取時間;
document.cookie = "qq=12345678;expires="+oDate;
           

繼續閱讀