本地儲存localStorage的使用（程式碼示例）：localStorage.setItem("name","john");

地儲存localStorage的使用（程式碼示例）：

在HTML5中，加入了一個localStorage特性，這個特性主要是用來作為本地儲存來使用的，解決了cookie儲存空間不足的問題(cookie中每條cookie的儲存空間為4k)，localStorage中一般瀏覽器支援的是5M大小，這個在不同的瀏覽器中localStorage會有所不同。它只能儲存字串格式的資料，所以最好在每次儲存時把資料轉換成json格式，取出的時候再轉換回來。

localStorage主要有以下幾種方法:

setItem(“key”,“value”)：儲存名字為key的一個值value，如果key存在，就更新value

例：

localStorage.setItem("name","john"); //設定name為john

localStorage.setItem("name","john1"); //覆蓋之前的值，現在name所對應的值是john1

getItem(“key”)：獲取名稱為key的值，如果key不存在則返回null**

removeItem(“key”)：刪除名稱為“key”的資訊，這個key所對應的value也會全部被刪除

clear()：清空localStorage中所有資訊

key()：鍵的索引

JSON:

例：標準的json物件{“name”:“john”}

JSON.stringify(); // 將json格式的資料（JavaScript 物件）轉換成JSON格式的字串

例：

var  data = {name:"john"};

data = JSON.stringify(data);

localStorage.setItem("data1",data);

JSON.parse(); //將JSON格式的字串轉換成JSON物件進行處理

例：

var str = localStorage.getItem("data1");

var obj = JSON.parse(str);

console.log(obj);