摘要:提供了幾個(gè)方法存儲(chǔ)如果存在時(shí),更新獲取如果不存在返回刪除一旦刪除,對(duì)應(yīng)的數(shù)據(jù)將會(huì)全部刪除全部清除某些時(shí)候使用逐個(gè)刪除太麻煩,可以使用執(zhí)行的后果是會(huì)清除所有對(duì)象保存的數(shù)據(jù)遍歷存儲(chǔ)的數(shù)據(jù)總量,例獲取,例存儲(chǔ)格式數(shù)據(jù)將一個(gè)對(duì)象轉(zhuǎn)換成格式的數(shù)據(jù)串返
localStorage提供了幾個(gè)方法:
1、存儲(chǔ):localStorage.setItem(key,value)
如果key存在時(shí),更新value
2、獲取:localStorage.getItem(key)
如果key不存在返回null
3、刪除:localStorage.removeItem(key)
一旦刪除,key對(duì)應(yīng)的數(shù)據(jù)將會(huì)全部刪除
4、全部清除:localStorage.clear()
某些時(shí)候使用removeItem逐個(gè)刪除太麻煩,可以使用clear,執(zhí)行的后果是會(huì)清除所有l(wèi)ocalStorage對(duì)象保存的數(shù)據(jù)
5、遍歷localStorage存儲(chǔ)的key
.length 數(shù)據(jù)總量,例:localStorage.length
.key(index) 獲取key,例:var key=localStorage.key(index);
6、存儲(chǔ)JSON格式數(shù)據(jù)
JSON.stringify(data) 將一個(gè)對(duì)象轉(zhuǎn)換成JSON格式的數(shù)據(jù)串,返回轉(zhuǎn)換后的串
JSON.parse(data) 將數(shù)據(jù)解析成對(duì)象,返回解析后的對(duì)象
備注:localStorage存數(shù)的數(shù)據(jù)是不能跨瀏覽器共用的,一個(gè)瀏覽器只能讀取各自瀏覽器的數(shù)據(jù),儲(chǔ)存空間5M。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/103297.html
摘要:同源策略是什么跨域通信同源兩個(gè)文檔同源需滿足協(xié)議相同域名相同端口相同跨域通信進(jìn)行操作通信時(shí)如果目標(biāo)與當(dāng)前窗口不滿足同源條件,瀏覽器為了安全會(huì)阻止跨域操作。 同源策略是什么? javascript跨域通信 同源:兩個(gè)文檔同源需滿足 協(xié)議相同 域名相同 端口相同 跨域通信:js進(jìn)行DOM操作、通信時(shí)如果目標(biāo)與當(dāng)前窗口不滿足同源條件,瀏覽器為了安全會(huì)阻止跨域操作??缬蛲ㄐ磐ǔS幸韵路椒?...
摘要:詳解十大常用設(shè)計(jì)模式力薦深度好文深入理解大設(shè)計(jì)模式收集各種疑難雜癥的問題集錦關(guān)于,工作和學(xué)習(xí)過程中遇到過許多問題,也解答過許多別人的問題。介紹了的內(nèi)存管理。 延遲加載 (Lazyload) 三種實(shí)現(xiàn)方式 延遲加載也稱為惰性加載,即在長網(wǎng)頁中延遲加載圖像。用戶滾動(dòng)到它們之前,視口外的圖像不會(huì)加載。本文詳細(xì)介紹了三種延遲加載的實(shí)現(xiàn)方式。 詳解 Javascript十大常用設(shè)計(jì)模式 力薦~ ...
摘要:缺點(diǎn)數(shù)量和長度受限制,數(shù)量部分不同的瀏覽器不一樣,長度是不能超過,否則會(huì)被截掉。更容易受到安全攻擊。不會(huì)在每個(gè)請(qǐng)求中被攜帶。遵循同源政策,保存數(shù)據(jù)會(huì)相對(duì)來說安全些。的優(yōu)缺點(diǎn)基本上和是相同的,同屬于,返回的也都是一個(gè)對(duì)象。 前言 這些api的發(fā)展歷程? 這些api各自的優(yōu)缺點(diǎn)是什么? 這些api的使用場景? 怎么用就不說了,因?yàn)橹苯涌次臋n就可以了 參考了很多篇文章,現(xiàn)在把所看的內(nèi)容總...
摘要:不是很安全,別人可以分析存放在本地的并進(jìn)行欺騙,考慮到安全應(yīng)當(dāng)使用。因此不是一種持久化的本地存儲(chǔ),僅僅是會(huì)話級(jí)別的存儲(chǔ)。用于持久化的本地存儲(chǔ),除非主動(dòng)刪除數(shù)據(jù),否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過期的。 前言 總括:詳細(xì)講述Cookie,LocalStorge,SesstionStorge的區(qū)別和用法。 人生如畫,歲月如歌。 原文博客地址:Javascript本地存儲(chǔ)小結(jié) 知乎專欄&&簡書專題:前端...
閱讀 2119·2021-11-19 11:37
閱讀 805·2021-11-11 16:54
閱讀 1237·2021-11-02 14:44
閱讀 3160·2021-09-02 15:40
閱讀 2429·2019-08-30 15:44
閱讀 1036·2019-08-29 11:17
閱讀 1119·2019-08-26 14:06
閱讀 1624·2019-08-26 13:47