cookie
cookie 是一些數(shù)據(jù), 存儲于你電腦上的文本文件中,由服務(wù)器創(chuàng)建,存放在客戶端中安接。
當(dāng) web 服務(wù)器向?yàn)g覽器發(fā)送 web 頁面時趟径,在連接關(guān)閉后,服務(wù)端不會記錄用戶的信息卓研。
cookie 的作用就是用于解決 "如何記錄客戶端的用戶信息":
當(dāng)用戶訪問 web 頁面時丰介,他的名字可以記錄在 cookie 中。
在用戶下一次訪問該頁面時鉴分,可以在 cookie 中讀取用戶訪問記錄哮幢。
使用document.cookie獲取和修改cookie(字符串形式)
存儲量太小,只有4KB(一個域下的所有cookie總和)
所有http請求都帶有志珍,會影響獲取資源的效率
sessionStorage
當(dāng)前會話(窗口橙垢,標(biāo)簽頁,瀏覽器)關(guān)閉伦糯,會清除所有數(shù)據(jù)
sessionStorage對象綁定于某個服務(wù)器會話柜某,所以當(dāng)文件在本地運(yùn)行的時候是不可用的
localStorage
訪問同一個localStorage對象,頁面必須來自同一個域名(子域名無效)敛纲、同一種協(xié)議喂击,在同一端口上。
由于瀏覽器兼容性問題淤翔,故需要做瀏覽器兼容性判斷:
if(window.localStorage) {
...
} else {
alert("瀏覽器不支持localStorage!")
}
最大容量5MB
API簡單易用翰绊,
var storage = window.localStorage;
// 寫入方法:
storage.a = 10;
storage['b'] = 20;
storage.setItem('c', 30);
// 讀取方法:
storage.a;
storage['b']
storage.getItem('c');
storage.key(index) // 根據(jù)各字段的索引讀取字段名
storage.removeItem(key) // 清除對應(yīng)字段的信息
storage.clear() // 清空 localStorage 所有內(nèi)容
Chrome中的localStorage