一.簡介

　　localStorage會可以將第一次請求的資料直接儲存到本地，這個相當於一個5M大小的針對於前端頁面的資料庫

　　 ——注意：在IE8以上的IE版本才支援localStorage這個屬性。localStorage屬於永久性儲存，如果儲存內容多的話會消耗記憶體空間，會導致頁面變卡。

二.具體使用方式如下：

　　1.localStorage - 沒有時間限制的資料儲存 

　　 var arr=[1,2,3];
　　 localStorage.setItem("temp",arr); //存入 引數： 1.呼叫的值 2.所要存入的資料 
　　 console.log(localStorage.getItem("temp"));//輸出

　2.清空
 
localStorage
　　localStorage.clear(); //

　3.刪除鍵值對
　　localStorage.removeItem("arr");　　

　注意：存入的資料只能以字串形式存入。

三.提供轉JOSN資料方法：

　　//JSON物件轉JSON字串

var obj = {"a": 1,"b": 2};
　　obj = JSON.stringify(obj); //轉化為JSON字串
　　localStorage.setItem("temp2", obj);

　　//JSON字串轉JSON物件
　　obj=JSON.parse(localStorage.getItem("temp2"));

 LocalStorage和SessionStorage的不同之處

1.呼叫方法相同

各自都包含以下幾種操作:

//根據key獲取對應的值;
window.sessionStorage.getItem(key);
window.localStorage.getItem(key);
//新增key-value,若key已存在,則更新value;
window.sessionStorage.setItem(key,value);
window.localStorage.setItem(key,value);
//根據key移除對應的值
window.sessionStorage.removeItem(key);
window.localStorage.removeItem(key);
//移除全部key-value
window.sessionStorage.clear();
window.localStorage.clear();
//根據索引獲取對應key
window.sessionStorage.key(index);
window.localStorage.key(index);
 

2.生命週期不同

sessionStorage是人如其名,只針對當前session(會話)有效,關閉標籤頁即失效;

localStorage則不然,即使關閉了標籤頁甚至瀏覽器,依然存在,下次開啟頁面時,依然可以直接使用,

　　但是要注意,清除瀏覽器快取時,localStorage的內容也會清理掉;

3.資料共享

sessionStorage由於上述特性,也就不能夠在不同頁面之間進行資料共享,同一域名也是不可以的;

localStorage則能夠實現該需求,但是僅限於同一域名下;