1.寫數據,可以使用“.”,”[]”,以及setItems(key,value);3種方式。
例如:
localStorage.name = proe;//設置name為" proe "
localStorage["name "] = " proe";//設置name為" proe ",覆蓋上面的值
localStorage.setItem("name"," proe ");//設置name為" proe " 推薦使用setItem();
2.讀數據,可以使用“.”,”[]”,以及getItems(key);3種方式。例如:
var a = localStorage["name"]; //獲取name的值
var b = localStorage. name; //獲取name的值
var c = localStorage.getItem("name "); //獲取name的值 ,推薦使用setItem();
ps:由於LocalStorage是存儲到硬盤上的,如果我們不主動清理那么數據會永久保存到硬盤上,清理方式:localStorage.removeItem("name");如果希望一次性清除所有的鍵值對,可以使用clear();
H5有個key()方法,可以在不知道有哪些鍵值的時候使用。
var storage = window.localStorage;
function showStorage(){
for(var i=0;i<storage.length;i++){
//key(i)獲得相應的鍵,再用getItem()方法獲得對應的值
document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");
}
}
localStorage與sessionStorage存儲的必需是字符串,而獲取的交互數據是Object,所以我們一般要把JSON格式的字符串轉成字符。
JSON.stringify()將Json對象轉為字符串。
JSON.parse()將字符串轉為json格式。