培訓霞6.25cookieh5存儲本地

H5本地存儲內(nèi)容概要本地存儲歷史HTML5本地存儲：localStoragesessionStorage區(qū)別本地存儲歷史本地存儲歷史cookie：只能存儲4KB浪費帶寬，每次會隨著HTTP請求發(fā)送給服務器操作cookies內(nèi)的數(shù)據(jù)很繁瑣，沒有方便的APIFlash：需要插件移動端的無法普及本地存儲歷史HTML5本地存儲：大小最小5MB，可以向用戶申請更大的空間不會隨HTTP請求發(fā)送給服務器非常容易操作移動端普及高localStorage與sessionStorage兩種支持性支持性檢測支持度：localStoragelocalStorage為永久性保存數(shù)據(jù)，不會隨著瀏覽器的關閉而消失。按域名進行存儲，不會和其他域名沖突鍵值對存儲：key/valuelocalStorageAPIsetItem(key,value)，保存或設置數(shù)據(jù)。如果key已經(jīng)存在，則覆蓋key對應的value，如果不存在則添加key與value。localStorageAPIgetItem(key);獲取key對應的value。如果key不存在則返回nulllocalStorageAPIkey(index);獲取指定下標位置的keylocalStorageAPIlength獲取localStorage一共有多少條數(shù)據(jù)配合key(index)方法可以實現(xiàn)遍歷localStorage數(shù)據(jù)的方法localStorageAPIclear();將同域名下的所有l(wèi)ocalStorage數(shù)據(jù)都清空removeItem():刪除數(shù)據(jù)，通過key來刪除相應的valuelocalStorageAPIstorage事件：當同源的localStorage或sessionStorage有更改以后，會觸發(fā)這個事件。sessionStoragesessionStorage為臨時性保存數(shù)據(jù)，當頁面關閉就會消失。其他一切與localStorage一樣。sessionStorage不能跨頁面訪問，也不會觸發(fā)跨標簽頁的storage事件。它只局限在當前的標簽頁里。storage和json目前javascript使用非常多的json格式如果希望存儲在本地，可以直接調(diào)用JSON.stringify()將json對象轉(zhuǎn)為json字符串讀取出來后調(diào)用JSON.parse()將json字符串轉(zhuǎn)為json對象格式如下所示：varstorage=window.localStorage;varjson={name1:"jack",name2:"lily"};storage.setItem("name",JSON.stringify(json)