phonegap本地存储详解

2020-07-26 18:10:00
这次给大家带来phonegap本地存储详解,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='text' id='name' onkeyup='storeName()'></p>//键盘弹起             <input type='text' id='name' onblur='storeName()'></p>//焦点移到输入框外         </form>         <p id='result'>show content</p>     </body>   </html>

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

H5新标签浏览器的兼容问题

i、em、b、strong元素的使用详解