用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}

 

 

轉自：https://www.cnblogs.com/xiaojingyuan/p/5757975.html