localStorage使用

HTML5中提供了localStorage對象可以將數(shù)據(jù)長期保存在客戶端,直到人為清除。

localStorage提供了幾個方法:

1、存儲:localStorage.setItem(key,value)

如果key存在時,更新value

2、獲?。簂ocalStorage.getItem(key)

如果key不存在返回null

3、刪除:localStorage.removeItem(key)

一旦刪除,key對應(yīng)的數(shù)據(jù)將會全部刪除

4、全部清除:localStorage.clear()

某些時候使用removeItem逐個刪除太麻煩,可以使用clear,執(zhí)行的后果是會清除所有l(wèi)ocalStorage對象保存的數(shù)據(jù)

5、遍歷localStorage存儲的key

.length 數(shù)據(jù)總量,例:localStorage.length

.key(index) 獲取key,例:var key=localStorage.key(index);

6、存儲JSON格式數(shù)據(jù)

JSON.stringify(data)? 將一個對象轉(zhuǎn)換成JSON格式的數(shù)據(jù)串,返回轉(zhuǎn)換后的串

JSON.parse(data) 將數(shù)據(jù)解析成對象,返回解析后的對象

備注:localStorage存數(shù)的數(shù)據(jù)是不能跨瀏覽器共用的,一個瀏覽器只能讀取各自瀏覽器的數(shù)據(jù),儲存空間5M。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • localStorage 方法存儲的數(shù)據(jù)沒有時間限制。第二天、第二周或下一年之后,數(shù)據(jù)依然可用。 localSto...
    Jay_Chen閱讀 878評論 0 0
  • 【SESSIONSTORAGE, LOCALSTORAGE, COOKIE】 小課堂【武漢第156期】 分享人:莊...
    莊引之閱讀 977評論 0 6
  • Web Storage規(guī)范 是HTML5的一部分 目的:克服由cookie帶來的一些限制,當(dāng)數(shù)據(jù)需要被嚴(yán)格的控制在...
    放風(fēng)箏的小小馬閱讀 2,423評論 0 6
  • 1.區(qū)域模塊分解 : 按照空間區(qū)域,對復(fù)雜的案例效果,分解為幾個較簡單的模塊部分。目的是:更方便的理解案例原理。 ...
    空谷悠閱讀 617評論 0 1
  • 船上,船上,老頭頻頻張望。 風(fēng)起海面浪急,搖晃雙手網(wǎng)魚。魚網(wǎng),魚網(wǎng),日落心情甚爽。
    依生丶閱讀 313評論 0 0

友情鏈接更多精彩內(nèi)容