Einführung in die Verwendung von Phonegap (5) Implementierungsmethode des lokalen Speichers-H5-Tutorial-php.cn

Einführung in die Verwendung von Phonegap (5) Implementierungsmethode des lokalen Speichers

零下一度

Freigeben： 2017-05-03 10:27:27

Original

1403 Leute haben es durchsucht

Der folgende Editor stellt Ihnen eine Implementierungsmethode zur Verwendung von Phonegap für die lokale Speicherung vor. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und werfen wir einen Blick darauf

Die Beispiele sind wie folgt:

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

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonEinführung in die Verwendung von Phonegap (5) Implementierungsmethode des lokalen Speichers. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!