communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Tutoriel H5 > Introduction à la façon dont Phonegap implémente le stockage local

Introduction à la façon dont Phonegap implémente le stockage local

黄舟
Libérer： 2017-05-21 14:46:32
original
1536 Les gens l'ont consulté

L'éditeur suivant vous proposera une méthode d'implémentation d'utilisation de phonegap pour le stockage local. L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur et jetons un coup d'œil

Les exemples sont les suivants : 

<!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>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
phonegap，本地存储
source：php.cn
Article précédent：Introduction aux méthodes spécifiques de mise en œuvre de l'exploitation d'une base de données à l'aide de Phonegap Article suivant：Graffiti Board est simplement implémenté pour écrire votre propre planche à dessin en HTML5
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Quelles sont les meilleures pratiques pour afficher les informations de version dans les applications Web ? Je développe une application Web. Quelles sont les meilleures pratiques pour afficher les ...
Depuis 2024-04-06 19:13:16
0
2
476
Symfony Redis ne peut pas se connecter à l'hôte défini dans le fichier env, qui est par défaut localhost Nous avons une nouvelle configuration Symfony avec Redis comme mécanisme de mise en cache....
Depuis 2024-04-06 10:53:02
0
1
375
L'ordre d'exécution des fonctions de planification VueJS pose des problèmes J'essaie d'afficher une liste d'annonces (récupérées de l'API) sur une page. J'utilise une...
Depuis 2024-04-06 10:37:58
0
1
385
Confus lors de l'envoi de données d'image binaire (jpg) au backend AWS Lambda via AWS API Gateway Toutes mes excuses par avance s'il me manque quelque chose de simple ! J'ai envoyé avec su...
Depuis 2024-04-05 13:09:55
0
1
389
Une erreur s'est produite lors de la tentative de récupération de la dernière version d'un package à partir de search.maven.org "Erreur : Impossible de récupérer les données du référentiel Maven" lors de la r...
Depuis 2024-04-05 12:11:23
0
1
1471
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal