這篇文章主要介紹HTML5使用Web Storage儲存的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司擁有一支富有激情的企業(yè)網(wǎng)站制作團隊，在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕十載，專業(yè)且經(jīng)驗豐富。十載網(wǎng)站優(yōu)化營銷經(jīng)驗，我們已為上千家中小企業(yè)提供了成都網(wǎng)站設(shè)計、成都做網(wǎng)站解決方案，定制制作，設(shè)計滿意，售后服務(wù)無憂。所有客戶皆提供一年免費網(wǎng)站維護!

在HTML5之前，存儲客戶端數(shù)據(jù)，分擔(dān)了服務(wù)器存儲負擔(dān)主要是用cookies。但cookies卻有很多局限性，比如：Cookie`數(shù)量和長度的限制。每個domain最多只能有20條cookie，每個cookie長度不能超過4KB，否則會被截掉；安全性問題。如果cookie被人攔截了，那人就可以取得所有的session信息。即使加密也與事無補，因為攔截者并不需要知道cookie的意義，他只要原樣轉(zhuǎn)發(fā)cookie就可以達到目的了；有些狀態(tài)不可能保存在客戶端。例如，為了防止重復(fù)提交表單，我們需要在服務(wù)器端保存一個計數(shù)器。如果我們把這個計數(shù)器保存在客戶端，那么它起不到任何作用。

為了破解Cookie的一系列限制（主要是cookie的大小和多少都受限制，并且每次你請求一個新的頁面的時候Cookie都會被發(fā)送過去，這樣無形中浪費了帶寬，另外cookie還需要指定作用域，不可以跨域調(diào)用），HTML5通過JS的新的API就能直接存儲大量的數(shù)據(jù)到客戶端瀏覽器，而且支持復(fù)雜的本地數(shù)據(jù)庫，讓JS更有效率。HTML5支持兩種的WebStorage：永久性的本地存儲（localStorage），會話級別的本地存儲（sessionStorage）。下面就讓我們來了解一下HTML5如何使用Web Storage儲存，介紹Web Storage儲存的2種方式，希望對大家有所幫助！

一：localStorage（永久性的本地存儲）

一直存儲在本地，數(shù)據(jù)存儲是永久的，除非用戶或程序?qū)ζ溥M行刪除操作；localStorage 對象存儲的數(shù)據(jù)沒有時間限制。第二天、第二周或下一年之后，數(shù)據(jù)依然可用。

特點：
   ① 域內(nèi)安全、永久保存。即客戶端或瀏覽器中來自同一域名的所有頁面都可訪問localStorage數(shù)據(jù)且數(shù)據(jù)除了刪除否則永久保存，但客戶端或瀏覽器之間的數(shù)據(jù)相互獨立。
   ② 數(shù)據(jù)不會隨著Http請求發(fā)送到后臺服務(wù)器；
   ③ 存儲數(shù)據(jù)的大小機會不用考慮，因為在HTML5的標準中要求瀏覽器至少要支持到4MB。

效果圖：

localStorage提供了四個方法來輔助我們進行對本地存儲做相關(guān)操作。
   （1）setItem(key,value)：添加本地存儲數(shù)據(jù)。兩個參數(shù)，非常簡單就不說了。
   （2）getItem(key):通過key獲取相應(yīng)的Value。
   （3）removeItem(key):通過key刪除本地數(shù)據(jù)。
   （4）clear():清空數(shù)據(jù)。

二.sessionStorage（會話級別的本地存儲）

在會話期內(nèi)有效，數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除；

特點：會話控制、短期保存。會話概念與服務(wù)器端的session概念相似，短期保存指窗口或瀏覽器或客戶端關(guān)閉后自動消除數(shù)據(jù)。

效果圖：

sessionStorage提供了四個方法來輔助我們進行對本地存儲做相關(guān)操作。
   （1）setItem(key,value)：添加本地存儲數(shù)據(jù)。兩個參數(shù)，非常簡單就不說了。
   （2）getItem(key):通過key獲取相應(yīng)的Value。
   （3）removeItem(key):通過key刪除本地數(shù)據(jù)。
   （4）clear():清空數(shù)據(jù)。

以上是HTML5使用Web Storage儲存的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！