Vérification et effacer les données stockées localement avec HTML5

category Internet & médias sociaux / Web design & développement / Pages web construction

Avec HTML5, vous pouvez écrire jusqu'à 5 Mo de données à une spéciale stockage local

Sommaire

fichier de base de données sur l'ordinateur client. Toutes les pages qui viennent de votre domaine partagent la même zone de stockage, de sorte que vous pouvez utiliser ce mécanisme pour conserver des données persistantes entre plusieurs pages. Les données reste également sur la machine du client (jusqu'à ce que vous retirez), de sorte qu'il peut être utilisé pour garder la trace des informations au fil du temps.

Vérification des données

Parfois, vous aurez envie de parcourir toutes les données dans la base de données. Ceci est en fait assez facile à faire avec le longueur la propriété et la (touches) Procédé. Consultez cet exemple:

 VIEWDATA fonction () {// montre toute la clé / valeur pairsfor (i = 0- i lt; localStorage.length- i ++) {clé = localStorage.key (i) -value = localStorage.getItem (clé) -alert (touche + ":" + valeur) -} // fin boucle for} // fin VIEWDATA

Le processus implique la création d'un pour boucle pour parcourir toutes les paires clé / valeur:




  1. Construire un pour boucle pour parcourir les données.

    Utilisez le localStorage.length propriété permet de déterminer combien de fois vous aurez besoin à l'étape à travers la boucle.

  2. Trouver la clé suivante. Utiliser le compteur de boucle (dans ce cas, je) Pour obtenir la clé suivante avec localStorage.key (i).

    Notez que l'ordre des touches ne sera pas prévisible.

  3. Récupérer la valeur associée à cette clé.

    Utilisez la norme localStorage.getItem () méthode avec la clé que vous venez de récupérer.

  4. Utilisez la clé et la valeur.

    À ce stade, vous avez une variable appelée clé contenant la clé actuelle, et un autre appelé valeur contenant la valeur associée à cette clé. Vous pouvez ensuite imprimer les données à la page ou faire tout ce que vous voulez avec elle.

La suppression des données

Il est possible (et facile) pour effacer tout ou partie des données contenues dans la mémoire locale. Utilisez le locaStorage.clear () méthode pour effacer toutes les données associées à votre site Web, ou localStorage.removeItem (clé) méthode pour supprimer une paire clé / valeur particulière:

 clearValues ​​fonction () {alert ("compensation" + nom + "de la base de données ...") - localStorage.removeItem ("Nom") - localStorage.removeItem ("count") - // effacer toutes les valeurs à la fois, vous pouvez utiliser ceci: //localStorage.clear () - // nettoyer displaylblCounter = document.getElementById ("lblCounter") - lblCounter.innerHTML = "Vous avez été ici 0 fois" -}
Articles Similaires

A propos Auteur
Comment faire votre premier javascript pour la boucle Comment faire votre premier javascript pour la boucle

UN pour boucle est mieux utilisé dans des situations où vous savez que vous voulez effectuer un certain nombre de cycles de la programmation HTML. Vous ne savez pas nécessairement le nombre de cycles lorsque vous créez l'application, mais le…

Comment utiliser javascript littéraux d'objet pour l'intégration html Comment utiliser javascript littéraux d'objet pour l'intégration html

En javascript, une littéral d'objet est un type spécial de collecte des données. Il contient des valeurs nommées que vous utilisez pour rendre l'accès plus facile à une valeur particulière. L'idée est de créer un package que vous…

Java: la répétition et la boucle Java: la répétition et la boucle

En Java, comme dans le monde réel, il ya beaucoup de fois où vous répétez quelque chose. De même, les applications ont besoin de répéter les tâches. Les faire une fois ne suffit pas, dans certains cas. Ce chapitre vous aide à comprendre…

Comment construire un tableau de base en javascript pour HTML5 et CSS3 programmation Comment construire un tableau de base en javascript pour HTML5 et CSS3 programmation

UNrrays sont des groupes de variables en javascript avec un nom. Les tableaux sont similaires aux fonctions parce qu'ils sont utilisés pour gérer la complexité de la programmation HTML5 et CSS3. Un tableau est un type spécial de variable.…

Comment créer des cases à cocher en javascript pour HTML5 et CSS3 programmation Comment créer des cases à cocher en javascript pour HTML5 et CSS3 programmation

Les cases à cocher remplissent une autre fonction d'entrée de données utiles en javascript pour HTML5 et CSS3 programmation. Ils sont utiles tout moment vous avez des données booléennes. Si une certaine valeur peut être vrai ou faux, une…

Comment interpréter les boutons radio en javascript pour HTML5 et CSS3 programmation Comment interpréter les boutons radio en javascript pour HTML5 et CSS3 programmation

Obtenir des informations à partir d'un groupe de boutons radio javascript nécessite une technique légèrement différente pour votre page HTML5 que la plupart des éléments de formulaire. Contrairement à la sélectionner objet, il n'y a…

Comment manipuler les pixels sur la toile de javascript pour HTML5 et CSS3 programmation Comment manipuler les pixels sur la toile de javascript pour HTML5 et CSS3 programmation

La tag en javascript a un truc de plus incroyable dans sa manche pour HTML5 et CSS3 programmeurs. Vous pouvez extraire les données d'un marquer dans les données de pixels sous-jacents. Si vous savez comment manipuler ces données, vous…

Comment utiliser javascript pour créer une boucle pour HTML5 et CSS3 programmation Comment utiliser javascript pour créer une boucle pour HTML5 et CSS3 programmation

Le standard pour boucle en javascript compte les valeurs entre 1 et 10. La “ compter jusqu'à dix ” bouton déclenche la count ()fonction de votre programmation HTML5 et CSS3. Voici le code pour count (): nombre de function ()…

Comment utiliser la boucle d'animation sur la toile de javascript pour HTML5 et CSS3 programmation Comment utiliser la boucle d'animation sur la toile de javascript pour HTML5 et CSS3 programmation

Une animation en javascript nécessite généralement une organisation spéciale appelée boucle d'animation. La structure de base de la boucle de l'animation dans HTML5 et CSS3 programmation fonctionne de la même dans toutes les…

Comment lire le fichier en php pour HTML5 et CSS3 programmation Comment lire le fichier en php pour HTML5 et CSS3 programmation

Si vous pouvez écrire des données dans un fichier PHP, il serait logique que vous pourriez lire à partir de ce fichier pour HTML5 et CSS3 programmation ainsi. Le programme readContact.php tire les données enregistrées dans le programme…

Comment supprimer les données de SQL obsolètes Comment supprimer les données de SQL obsolètes

Comme le temps passe, les données peuvent vieillir et de perdre son utilité. Vous pouvez supprimer ces données jour de sa table de SQL. Les données inutiles dans une table ralentit les performances, consomme de la mémoire, et peut dérouter les…

Comment faire pour récupérer des données SQL avec php pour HTML5 et CSS3 programmation Comment faire pour récupérer des données SQL avec php pour HTML5 et CSS3 programmation

En tant que programmeur HTML5 et CSS3, vous pouvez utiliser PHP pour récupérer des données SQL. Après une connexion PDO est mis en place, il est assez facile à utiliser. Voici le plan d'ensemble pour la récupération de données à partir de…

Comment manipuler les pixels avec la balise canvas HTML5 Comment manipuler les pixels avec la balise canvas HTML5

Avec HTML5, vous pouvez extraire les données d'un toile marquer dans les données de pixels sous-jacents. Manipulation de ces données, vous offre un grand contrôle de votre image en temps réel. Vous pouvez utiliser ces données pour…

HTML5 et javascript options de sélection HTML5 et javascript options de sélection

Parmi les nombreuses nouvelles fonctionnalités de HTML5, les innovations ayant le potentiel le plus ambitieux sont dans les ajouts à javascript disponibles dans les navigateurs modernes. javascript est habituellement utilisé pour…

» » » » Vérification et effacer les données stockées localement avec HTML5