用localStorage來存儲數據的一些經驗

 

localStorage：

是一種你不主動清除它，它會一直將存儲數據存儲在客戶端的存儲方式，即便你關閉了客戶端（瀏覽器)，屬於本地持久層儲存

sessionStorage：

用於本地存儲一個會話（session）中的數據，一旦會話關閉，那麼數據會消失，好比刷新。

 

localStorage與sessionStorage具備相同的API，如下方法均可以用於sessionStorage

 

localStorage存儲方法

localStorage.name ='vanida；

localStorage["name"]='vanida'；

localStorage.setItem("name","vanida");

 　　

//這三種設置值方式是同樣的；

 

localStorage獲取值方法

var name = localStorage["name"]

var name= localStorage.name

var name＝ localStorage.getItem("name");

//這三種獲取值方式是同樣的；

 

localStorage清除特定值方法

//清除name的值
localStorage.removeItem("name");

localStorage.name＝'';

 

localStorage清除全部值方法

 localStorage.clear()

 

localStorage只能存儲字符串，若是須要存儲對象，首先要轉化爲字符串。利用JSON.stringify()；

 

var person = {name:"vanida","sex":"girl","age":25};

localStorage.setItem("person",JSON.stringify(person));

// localStorage.person="{"name":"vanida","sex":"girl","age":25}"

注意：JSON.stringify()中不要忘了「i」,stringify而不是stringfy！

 

 

而後取出person的對象你能夠用JSON.parse();

 

person = JSON.parse(localStorage.getItem("person"));

// {name: "vanida", sex: "girl", age: 25}