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