Cookie 會話跟蹤技術(shù)

是由Web服務(wù)器保存在用戶瀏覽器上的小文本文件，它可以包含相關(guān)用戶的信息。

無論何時用戶鏈接到服務(wù)器，Web站點都可以訪問Cookie信息 。

Cookie 的特點

1. 存儲大小有限制，一般是 4 KB 左右

2. 數(shù)量有限制，一般是 50 條左右

3. 有時效性，也就是有過期時間，一般是 會話級別（也就是瀏覽器關(guān)閉就過期了）

4. 有域名限制，也就是說誰設(shè)置的誰才能讀取

在 同源(同協(xié)議、同域名、同端口) 的頁面下 Cookie可以共享

Cookie的使用

操作Cookie就通過一條語句實現(xiàn)

document.cookie

設(shè)置cookie

--- document.cookie = 'key(名字)=value(值)';

cookie的過期時間是根據(jù) 世界統(tǒng)一時間計算的

我們所在的時區(qū)是 東八區(qū)，比世界標(biāo)準(zhǔn)時間快了8小時

可以獲取到當(dāng)前的時間，

減去 8小時

再加上我們期望cookie設(shè)置多久后 過期的 時間

let d1 = new Date();

d1.setTime(d1.getTime() - 1000*60*60*8 + 1000*2000);

document.cookie = 'eee=hello;path=/;expires='+d1;

刪除cookie

設(shè)置cookie的過期時間為一個已經(jīng)過去的時間

let d2 = new Date();

d2.setTime(d2.getTime() - 1000*60*60*8 - 1);

獲取cookie

通過 document.cookie 獲取

但是會獲取到 頁面中所有的 cookie,

返回的是一個 字符串

let cookies = document.cookie;

4.瀏覽器本地存儲

localStorage 本地存儲 --- H5

存儲大小：4~5M左右(不同瀏覽器之間有差異)

生命周期：永久，只要不手動刪除，就會一直存在

在 同源(同協(xié)議、同域名、同端口) 的頁面下 可以共享 本地存儲信息

localStorage其實是一個內(nèi)置對象，是windwo對象下的一個對象

操作 本地存儲 時，它的 key 和 value 必須都是 字符串String

方法

localStorage.setItem(key,value) 設(shè)置本地存儲

localStorage.getItem(key) 獲取本地存儲

localStorage.removeItem(key) 移除本地存儲

localStorage.clear() 刪除所有的本地存儲

localeStorage 永久存儲在本地,只要不手動刪除就一直存在

可以多個頁面共享數(shù)據(jù)

存儲的方式使用key=>value的形式,value必須是字符串

.SessionStorage 會話存儲 --- H5

存儲大?。?~5M左右(不同瀏覽器之間有差異)

生命周期：會話級別，只要關(guān)閉網(wǎng)頁頁面就過期消失，而且不能設(shè)置過期時間

只在 當(dāng)前頁面可以訪問使用，不能跨頁面共享數(shù)據(jù)

其實是一個內(nèi)置對象，是windwo對象下的一個對象

操作 會話存儲 時，它的 key 和 value 必須都是 字符串String

方法：

SessionStorage.setItem(key,value) 設(shè)置會話存儲

SessionStorage.getItem(key) 獲會話存儲

SessionStorage.removeItem(key) 移除會話存儲

SessionStorage.clear() 刪除所有的會話存儲