我們在WEB開發過程中會使用到storage功能進行存儲，但是它的解析非常復雜，因此在開發的時候給程序員帶來了不便，下面錯新技術頻道小編詳解web存儲中的storage功能。

web存儲之storage

??????? 近期工作中使用的數據存儲比較多，在工作之余寫一篇關于存儲的博客來加深自己的印象，希望大家多多批評指正。

一、?web存儲分為兩種，sessionStorage、localStorage；

二、?web存儲的特性；

1.設置、讀取方便

2.容量較大，sessionStorage約5M、localStorage約20M

3.可以直接存儲字符串，對象存儲依靠JSON.stringify() 編碼后存儲

4.window.sessionStorage?

1）生命周期為關閉瀏覽器窗口
2）在同一個窗口下數據可以共享

5.window.localStorage

1)永久生效，除非手動刪除
2)可以實現在同瀏覽器多窗口共享

三、?web存儲的兼容性；????

四、?web存儲的字符串操作api（sessionStorage 和 localStorage 操作api相同）

?獲得本地的存儲????????????

window.localStorage.getItem( ‘age' )

?在本地存儲一個鍵值對??

 window.localStorage.setItem( key，value )

?刪除本地存儲的一個值?

window.localStorage.removeItem( key )

?清空本地存儲????????????????

window.localStorage.clear()

?獲取本地存儲的key值???

 window.localStorage.key( index ) 

五、?web存儲的對象操作api

1、在本地存儲一個對象

window.localStorage.setItem ('socketArr',JSON.stringify( { key:1 } ) );

?2、獲得本地的存儲的對象?

JSON.parse(localStorage.getItem ('socketArr') );

通過錯新技術頻道小編為大家詳解web存儲中的storage功能，你對它們有所了解了嗎，如果內容是你感興趣的，請繼續關注js.VeVb.com。