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。