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.

翻译：你目前的处境并不决定你的将来，它只决定你的起点。