探索html5本地存储功能运用技巧

《探索html5本地存储功能运用技巧》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解探索HTML5本地存储功能运用技巧　　我们来实现一个简单应用，该应用中用户输入用户名和手机号，相关因袭可以保存到保存到本地，并可以进行查找、展示等基本操作。　　以下只给我出关键代码，项目结构和基本代码以及CSS样式大家可以自己添加。　　我们按照功能进行分布完成。　　1、存储功能　　这里我们要完成，当用户输入姓名和手机号时，自己的信息存储到WebStorage中，htm

2、l中代码如下：　　XML/HTMLCode　　   　　   姓名：   　　      　　   手机号：   　　   　　       　　       　　   　　以上代码是一个表单，用户输入姓名和手机号后，点击新增记录，即可在本地中保存姓名-手机号键值对。具体的js中save函数代码如下：对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的

3、发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　JavaScriptCode　　functionsave(){   　　   varmobilePhone=document.getElementById(“mobilephone”).value;   　　   varuserName=dpcument.getElementById(“username”).value;   　　localStorage.setItem(mobilePhone,userName);   　　}   　　Save

4、函数的逻辑很简单，就是取出用户输入的值，然后利用localStorage的setItem功能以键值对的形式将信息存储到WebStorage中。　　2、查找功能　　查找功能需要实现，当用户输入某个电话号码时，显示数据库中对应查找信息。HTML代码如下：   　　XML/HTMLCode　　请输入手机号：   　　      　　      　　      对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基

5、本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　其中result区域用来放置查询的结果。下面给出js中find函数的相关代码：　　JavaScriptCode　　functionfind(){   　　   varsearch=document.getElementById(“search”).value;   　　   varname=localStorge.gteItem(search);   　　   varresult=docum

6、ent.getElementById(“result”);   　　   result.innerHTML=search+“:”+name;   　　}  　　先获取用户输入的手机号，然后利用getItem放大从数据库中获取手机号为这个的用户名，最后一同显示在result区域中。　　以上两个是最基本的功能，我们将会继续探索本地存储的高级用法，以及如何在移动应用中自如的运用本地存储功能。对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实

7、代表