首页 > Web开发 > 详细

HTML5——localStorage

时间:2017-03-06 00:44:48      阅读:226      评论:0      收藏:0      [点我收藏+]

  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的内容,想这样的

技术分享

 

浏览器里:

技术分享

 

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

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

HTML5——localStorage

原文:http://www.cnblogs.com/adouwt/p/6507386.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!