詳解web存儲中的storage
web存儲之storage
近期工作中使用的數(shù)據(jù)存儲比較多,在工作之余寫一篇關(guān)于存儲的博客來加深自己的印象,希望大家多多批評指正。
一、 web存儲分為兩種,sessionStorage、localStorage;
二、 web存儲的特性;
1.設(shè)置、讀取方便
2.容量較大,sessionStorage約5M、localStorage約20M
3.可以直接存儲字符串,對象存儲依靠JSON.stringify() 編碼后存儲
4.window.sessionStorage
1)生命周期為關(guān)閉瀏覽器窗口
2)在同一個窗口下數(shù)據(jù)可以共享
5.window.localStorage
1)永久生效,除非手動刪除
2)可以實現(xiàn)在同瀏覽器多窗口共享
三、 web存儲的兼容性;
四、 web存儲的字符串操作api(sessionStorage 和 localStorage 操作api相同)
獲得本地的存儲
window.localStorage.getItem( ‘a(chǎn)ge' )
在本地存儲一個鍵值對
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') );
如有疑問請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
jsp中點擊圖片彈出文件上傳界面及預(yù)覽功能的實現(xiàn)
點擊圖片彈出文件上傳界面的效果,想必大家都有見到過吧,在本文為大家詳細(xì)介紹下在jsp中是如何實現(xiàn)的,并對具體的實現(xiàn)代碼做簡要的介紹,感興趣的朋友不要錯過2013-10-10淺談JSP serverlet的區(qū)別與聯(lián)系
下面小編就為大家?guī)硪黄獪\談JSP serverlet的區(qū)別與聯(lián)系。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-01-01JSP自定義標(biāo)簽rtexprvalue屬性用法實例分析
這篇文章主要介紹了JSP自定義標(biāo)簽rtexprvalue屬性用法,以實例形式較為詳細(xì)的分析了自定義標(biāo)簽rtexprvalue屬性相關(guān)使用技巧與注意事項,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10FCKeditor使用方法(FCKeditor_2.6.3)詳細(xì)使用說明
要用到文本編輯器,選擇了FCKeditor,下面就配置作一下說明: 環(huán)境:windowsXP myeclipse6.0GA fckeditor2.6.3 fckeditor2.32008-09-09