高級3html5本地存儲

HTML5本地存儲主講師：楊永發(fā)本地存儲使用場景？本地存儲有哪幾種實(shí)現(xiàn)方式？如何使用本地存儲？思考目標(biāo)學(xué)會分析情況使用本地存儲掌握WebStorage

API本地存儲使用場景什么是本地存儲客戶端數(shù)據(jù)的存儲本地存儲可以使用在哪里用戶臨時登錄信息，用戶頁面配置，當(dāng)前臨時信息一些東西用戶想要存起來，下次訪問可以繼續(xù)使用，但是服務(wù)器沒必要浪費(fèi)空間來存這些信息，此時就可以應(yīng)用本地存儲，存放在用戶本地本地存儲有哪幾種實(shí)現(xiàn)方式本地存儲有哪幾種實(shí)現(xiàn)方式使用上安全策略瀏覽器行為跟蹤cookie一般最多只能存儲4KB的數(shù)據(jù)，每個HTTP請求都會被傳送回服務(wù)器Web

Storage大約5MB類似key-value的存儲方式Web

SQLDatabase使用SQL語句操作IE

FF不支持IndexedDatabase索引數(shù)據(jù)庫，類似NoSQL，很強(qiáng)大，支持索引、事務(wù)處理和健壯的查詢功能打開瀏覽器看看Web

StorageWebStorage兼容性Web

StorageWeb

Storage會話存儲（session

storage）本地存儲（local

storage）區(qū)別兩者不同之處在于localStorage里面存儲的數(shù)據(jù)沒有過期時間設(shè)置，而存儲在sessionStorage里面的數(shù)據(jù)在頁面會話結(jié)束時會被清除。頁面會話在瀏覽器打開期間一直保持，并且重新加載或恢復(fù)頁面仍會保持原來的頁面會話。Web

Storage操作方法屬性Storage.length只讀返回一個整數(shù)，表示存儲在Storage對象中的數(shù)據(jù)項數(shù)量。方法Storage.key()該方法接受一個數(shù)值n作為參數(shù)，并返回存儲中的第n個鍵名。

Storage.getItem()該方法接受一個鍵名作為參數(shù)，返回鍵名對應(yīng)的值。

Storage.setItem()該方法接受一個鍵名和值作為參數(shù)，將會把鍵值對添加到存儲中，如果鍵名存在，則更新其對應(yīng)的值。Storage.removeItem()該方法接受一個鍵名作為參數(shù)，并把該鍵名從存儲中刪除。

Storage.clear()調(diào)用該方法會清空存儲中的所有鍵名。編碼測試1.比較localStorage和sessionStorage區(qū)別

2.localStorage應(yīng)用Web

Storage總結(jié)注意事項Web

Storage以鍵/值存儲字符類型的數(shù)據(jù)Web

Storage存儲的數(shù)據(jù)不能跨瀏覽器Web

Storage存儲的數(shù)據(jù)不能跨域

4.localStorage可以在同一個域下多個頁面