HTML5——localStorage

　　html5的學習，忘記的差很少了，特意拿出來從新記錄一下，從它的本地存儲開始吧！

　　假設這樣的html結構：

   　

<div id= "one_storage" class="classname">
        <h3>html</h3>
</div>

  如今我要存儲，這個id的class名字，怎麼用localStorage來作呢？很簡單，就這樣，

 var storageName = localStorage["idName"];
 var idName = document.getElementById('one_storage').className;
 localStorage.setItem('idName', idName);
 //console.log(storageName);

這樣一寫，你就會發現，class名字存進瀏覽器裏的本地存儲了，

解釋：

1.先用 localStorage 開闢一個空間，名字叫 idName，而後把它賦給一個叫  storageName  的變量。

2.找到一個想要存儲的內容，賦值個一個變量。

3.而後，localStorage.setItem 設置將保存的內容，給這個 idName,

就OK了，固然能夠這樣保存其餘的東西，好比html的內容，想這樣的

 

瀏覽器裏：

 

總結：localStorage 的主要API 爲三個：

        localStorage.setItem（）//存

　　  localStorage.getItem（）// 讀

　 　localStorage.removeItem() // 刪

 

eg:  localStorage.setItem("id",$("#logo").html())

      var b =localStorage.getItem("id")

      console.log(b)//  這個是一個id的內容

      localStorage.removeItem("id")

     

 

 

每日一句：Your present circumstances don't determine where you can go; they merely determine where you start.

翻譯：你目前的處境並不決定你的將來，它只決定你的起點。