cookie就是一個存放數據的東西,存儲量很小4kb,存放在客戶端上和應用設備上。
應用場景
用戶注冊,用戶登錄,購物車。
Chrome瀏覽器在計算機中存放cookie的位置
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Cache
Chrome瀏覽器如何查看cookie和刪除cookie
1.找到設置
2.點高級
3.內容設置
4.cookie
5.刪除cookie
案例1
我們今天登錄了一個京東的賬號。過幾天重新打開京東這個頁面,發現賬號還在登錄的狀態上。這個就是存在客戶端。使用cookie
案例2
我在北京用京東放了一件衣服在購物車,我爸媽在老家用我的賬號登錄,發現了我的購物車有這件衣服。這種是存在服務器上的叫sesssion
設置cookie
cookie是document對象的一個屬性,值是string類型。
但是里面書寫的格式用命值對 name=value 鍵值對 key:value
cookie中的值 每個明知對用分號;隔開。所以我們設置cookie這樣設置
document.cookie="user=zhang:name=li;age=45"
設置cookie的生命周期
設置cookie的生命周期使用expires這個名,單位是天,現在出一個新的名叫max-age單位是秒。
刪除cookie
將生命周期提前結束,就是刪除cookie
獲取cookie
借鑒string的split()方法
面試題
var arr=[12,56,12,56,2,56,89];將數組轉化成json屬性是里面的元素,屬性值是元素出現的個數
這是結果
封裝一個獲取cookie的方法
function getcookie(keys){
var arr=document.cookie.split(";");
for(var i=0; i<arr.length; i++){
var ass=arr[i].split("=");
if(ass[0].trim()==keys){
return ass[i];
}
}
return false;
}
有些瀏覽器不識別漢字需要編碼
encodeURIComponent() 對漢字進行編碼
decodeURIComponent() 對編碼的結果進行解碼
cookie
谷歌存放的cookie的位置
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default
怎么在谷歌下看cookie
chrome://settings/siteData
點瀏覽器設置--》高級--》隱私設置和安全性--》 內容設置-----》cookie
chrome://settings/comtent/cookies
設置cookie
Document.cookie="user=zhang"
每個cookie值是以明值對的形式 name=value的形式存儲,並且之間用;號隔開。
設置cookie的時長 用expries設置時間的單位是天 現在推薦用max-age單位是秒
刪除cookie就是