這篇文章將為大家詳細(xì)講解有關(guān)html5本地存儲localStorage的示例分析，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

公司專注于為企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計、微信公眾號開發(fā)、商城系統(tǒng)網(wǎng)站開發(fā)，微信小程序定制開發(fā)，軟件定制網(wǎng)站制作等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。憑借多年豐富的經(jīng)驗，我們會仔細(xì)了解各客戶的需求而做出多方面的分析、設(shè)計、整合，為客戶設(shè)計出具風(fēng)格及創(chuàng)意性的商業(yè)解決方案，創(chuàng)新互聯(lián)公司更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務(wù)。

1、html5幾種存儲形式

   本地存儲（localStorage && sessionStorage）

   離線緩存（application cache）

   indexedDB 和 webSQL

2、localStorage && sessionStorage

   過期時間：localStorage 永久存儲，永不失效除非手動刪除

                 sessionStorage 瀏覽器重新打開后就消失了

   大?。好總€域名是5M

3、localStorage API和sessionStorage API一致

   getItem //取記錄
   setIten//設(shè)置記錄
   removeItem//移除記錄
   key//取key所對應(yīng)的值
   clear//清除記錄

4、存儲的內(nèi)容

   數(shù)組，圖片，json，樣式，腳本。。。（只要是能序列化成字符串的內(nèi)容都可以存儲）

5、localStorage實例

上述方法可以在火狐和chrome運行，運行例子如圖：

 
我們現(xiàn)在看下資源里面是如何存儲的，如圖：
 

此時無論如何刷新頁面和重新打開瀏覽器，剛才存儲的圖片都是存在的，除非手動刪除！

6、locstorage 過期策略

由于html5沒有給本地存儲設(shè)置過期策略，那么在處理圖片的過期策略的時候可以編寫自己過期策略程序，如下：

使用操作如下圖所示：

看下本地存儲的結(jié)果

關(guān)于“html5本地存儲localStorage的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。