首頁  >  文章  >  web前端  >  js中localStorage方法使用的簡單介紹

js中localStorage方法使用的簡單介紹

不言
不言原創
2018-08-22 17:00:0512541瀏覽

這篇文章帶給大家的內容是關於js中localStorage方法使用的簡單介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

#localStorage提供了幾個方法:

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

如果key存在時,更新value

# 2.取得:localStorage.getItem(key)

如果key不存在回傳null

3、刪除:localStorage.removeItem(key)

#一旦刪除,key對應的資料將會全部刪除

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

#某些時候使用removeItem逐個刪除太麻煩,可以使用clear,執行的後果是會清除所有localStorage對象已儲存的資料

5、遍歷localStorage儲存的key

.length 資料總量,範例:localStorage.length
.key(index) 取得key,範例:var key=localStorage .key(index);

6、儲存JSON格式資料

JSON.stringify(data) 將一個物件轉換成JSON格式的資料字串,傳回轉換後的字串
JSON .parse(data) 將資料解析成對象,返回解析後的對象

備註:localStorage存數的資料是不能跨瀏覽器共用的,一個瀏覽器只能讀取各自瀏覽器的資料,儲存空間5M。

相關推薦:

jQuery localStorage實作計時器

localstorage和sessionstorage在Vue中怎麼使用

以上是js中localStorage方法使用的簡單介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn