詳解web存儲(chǔ)中的storage
web存儲(chǔ)之storage
近期工作中使用的數(shù)據(jù)存儲(chǔ)比較多,在工作之余寫一篇關(guān)于存儲(chǔ)的博客來加深自己的印象,希望大家多多批評指正。
一、 web存儲(chǔ)分為兩種,sessionStorage、localStorage;
二、 web存儲(chǔ)的特性;
1.設(shè)置、讀取方便
2.容量較大,sessionStorage約5M、localStorage約20M
3.可以直接存儲(chǔ)字符串,對象存儲(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è)鍵值對
window.localStorage.setItem( key,value )
刪除本地存儲(chǔ)的一個(gè)值
window.localStorage.removeItem( key )
清空本地存儲(chǔ)
window.localStorage.clear()
獲取本地存儲(chǔ)的key值
window.localStorage.key( index )
五、 web存儲(chǔ)的對象操作api
1、在本地存儲(chǔ)一個(gè)對象
window.localStorage.setItem ('socketArr',JSON.stringify( { key:1 } ) );
2、獲得本地的存儲(chǔ)的對象
JSON.parse(localStorage.getItem ('socketArr') );
如有疑問請留言或者到本站社區(qū)交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
servlet+jsp實(shí)現(xiàn)過濾器 防止用戶未登錄訪問
這篇文章主要為大家詳細(xì)介紹了servlet+jsp實(shí)現(xiàn)過濾器,防止用戶未登錄訪問,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-04-04
jsp include引用非本級目錄網(wǎng)頁實(shí)現(xiàn)代碼
include的出現(xiàn)方便了文件之間的引用,降低了開發(fā)難度.它的常用法是引用同級目錄,本文主要介紹引用非本級目錄網(wǎng)頁,如果沒有遇到這樣情況下引用的朋友可以參考下,或許本文對你有所幫助2013-02-02
關(guān)于request.getHeader("Referer")的問題探討
request.getHeader("Referer")獲取上次訪問的URL鏈接,在什么情況下他會(huì)出現(xiàn)問題,下面為大家分享下,感興趣的朋友不要錯(cuò)過2013-10-10
JavaWeb Servlet中url-pattern的使用
這篇文章主要介紹了JavaWeb Servlet中url-pattern的使用的相關(guān)資料,希望通過本文能幫助到大家,讓大家學(xué)習(xí)理解這部分內(nèi)容,需要的朋友可以參考下2017-10-10
frameset布局時(shí)frame中src路徑的頁面沒有加載的解決方法
使用frameset布局時(shí),frame 中src路徑的頁面沒有加載的情況,想必大家都有感觸吧,下面是具體的解決方法,感興趣的朋友可以參考下2013-10-10

