Guide HTML5-5. Utiliser le stockage Web pour stocker les paires clé-valeur data_html5.

Le contenu de cette leçon est d'introduire le stockage Web, qui est utilisé pour stocker les données des paires clé-valeur dans le navigateur. Il fonctionne comme les cookies précédents, mais il est meilleur et peut stocker des données plus volumineuses. Il existe deux types de stockage Web : le stockage local et le stockage de session. Ils utilisent le même mécanisme de mise en œuvre, mais ont une visibilité et des cycles de vie différents.
1. Utiliser le stockage local
Nous utilisons l'objet localStorage pour accéder au stockage local. Il renvoie l'objet Storage est utilisé pour stocker les données de la paire clé-valeur. méthodes :
clear() : efface les données de la paire clé-valeur stockée ;
getItem() : récupère la valeur via la clé
key() : récupère la valeur de la clé ; through index;
length : renvoie le nombre de paires clé-valeur
removeItem() : supprime les données spécifiées par clé
setItem(,) : Ajoute une paire clé-valeur. Lorsque la paire clé-valeur de la clé spécifiée existe, l'opération de mise à jour est implémentée
[] : utilisez la clé pour obtenir la valeur spécifiée via l'indice du tableau ;
L'objet Storage nous permet de stocker les données d'une paire clé-valeur sous forme de chaînes. La clé est unique, ce qui signifie que lorsque nous utilisons la méthode setItem pour ajouter une paire clé-valeur, si la valeur clé existe déjà, elle est déjà utilisée. sera mis à jour. Regardons l'exemple suivant :

Copiez le code

Le code est le suivant :

< !DOCTYPE HTML>


: left;}
table{border-collapse: collapse;margin-left: 50px;}
th, td{padding: 4px;}
th{text-align: right;}
input {border : noir uni fin ; padding : 2 px ;}
label{min-width : 50px;display : inline-block;text-align : right;}
#countmsg, #buttons{margin-left : 50px ;marge en haut : 5px;marge en bas : 5px;}

;
Clé :

;Valeur :< ;/label>