js本地存儲:localStorage

一.簡介前端

  localStorage會能夠將第一次請求的數據直接存儲到本地,這個至關於一個5M大小的針對於前端頁面的數據庫數據庫

   ——注意:在IE8以上的IE版本才支持localStorage這個屬性。localStorage屬於永久性存儲,若是存儲內容多的話會消耗內存空間,會致使頁面變卡。瀏覽器

 

二.具體使用方式以下:spa

  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數據方法:blog

  

  //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:內存

相關文章
相關標籤/搜索