您现在的位置:首页 >> 前端 >> 内容

怎么样使用phonegap进行本地存储功能

时间:2017/8/18 8:51:00 点击:

  核心提示:实例如下: !DOCTYPE html htmlhead meta charset=UTF-8 titleDatabase Example/titlescript type=text/ charset...

实例如下:

 <!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>

 

作者:网络 来源:不详