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.

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