phonegap实现进行本地存储的方法介绍

百变鹏仔 2个月前 (10-18) #H5教程

文章标签方法

下面小编就为大家带来一篇使用phonegap进行本地存储的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

实例如下：

<!DOCTYPE html> <html>       <head>         <meta charset="UTF-8">         <title>Database Example</title>           <script type="text/javascript" charset="UTF-8" src="cordova.js"></script>         <script type="text/javascript" charset="UTF-8">             document.addEventListener("deviceready", onDeviceReady, false);               function onDeviceReady() {             }                           function storeName(){                 var myName=document.getElementById("name").value;                 window.localStorage.setItem("name",myName);//存储                 var result=document.getElementById("result");                 result.innerHTML="Your name is"+window.localStorage.getItem("name");//取出存储值                 return false;             }                       </script>     </head>       <body>         <form>             <p>What is your name?<br />             <input type=&#39;text&#39; id=&#39;name&#39; onkeyup=&#39;storeName()&#39;></p>//键盘弹起             <input type=&#39;text&#39; id=&#39;name&#39; onblur=&#39;storeName()&#39;></p>//焦点移到输入框外         </form>         <p id=&#39;result&#39;>show content</p>     </body>   </html>

文章推荐

phonegap实现进行本地存储的方法介绍

HTML在线编辑器的调用方法和使用方法

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

HTML5 js实现拖拉上传文件功能

Canvas and Drawables 翻译第一集

Canvas and Drawables 翻译第三集