LocalStorage est stocké local, qui peut être utilisé pour la préservation à long terme des données sur l'ensemble du site Web.
Cet objet peut être appelé dans le langage JavaScript via Window.LocalStorage ou LocalStorage.
Caractéristiques1) Restrictions sur la même stratégie source. Si vous souhaitez exploiter le même localstorage entre différentes pages, ces pages doivent être sous le même protocole, le même nom d'hôte et le même port. (Les données de stockage IE8 et 9 sont basées sur le même nom d'hôte, en ignorant les exigences du protocole (HTTP et HTTPS) et du numéro de port)
2) uniquement stocké localement. Les données de LocalStorage ne seront pas envoyées au serveur avec la demande HTTP, qui ne prendra effet que localement.
3) conservation permanente. Les données enregistrées n'expirent pas avant la suppression manuelle.
4) Méthode de stockage. La méthode de stockage de LocalStorage est réalisée et la valeur. La valeur de la valeur doit être un type de chaîne (pas la non-string, et elle sera également convertie en une chaîne pendant le stockage. La vraie valeur sera convertie en vrai).
5) Limite de stockage: Différents navigateurs stockent la limite supérieure, mais la plupart des navigateurs limitent la limite supérieure à moins de 5 Mo.
6) Partagez avec le navigateur. LocalStorage Les données peuvent être partagées entre les mêmes pages de source de différents onglets du même navigateur.
Prise en charge de la version minimale du navigateurLa plus petite version du navigateur LocalStorage: IE8, Chrome 5.
Scénario applicableLocalStorage convient plus à 2 places:
1) Schéma de préservation temporaire avec de grandes données. Comme la préservation automatique des articles d'édition en ligne.
2) Données communes à accès multipage. SessionStorage est uniquement applicable à la même page d'onglet.
propriétéReadonly int localstorage.length: renvoie un entier, indiquant le nombre d'éléments de données (paires de valeurs de clé) stockées dans l'objet localStorage.
méthodeString localstorage.key (int index): renvoie le nom de clé du numéro de série index de l'objet localstorage actuel. Si non retourné null.
StringLocalStorage.getItem (clé String): la valeur correspondant au nom de la clé (clé). Si non retourné null.
VoidLocalStorage.setItem (clé de chaîne, valeur de chaîne): Cette méthode accepte un nom de clé (clé) et une valeur en tant que paramètre pour ajouter la valeur de clé au stockage; si le nom de clé existe, la valeur correspondante est mise à jour.
VoidLocalStorage.RemoveItem (touche String): supprimez le nom de clé spécifié de l'objet localStorage.
VoidLocalStorage.Clear (): Effacez tous les éléments de l'objet localStorage.
événementStockage: Lorsque vous modifiez LocalStorage, cet événement est déclenché.
Cet incident a un mécanisme de déclenchement différent dans IE 11 et Chrome:
1) Si la page actuelle se déclenche: lorsque la page actuelle est exploitée par LocalStorage, c'est-à-dire la page actuelle qui déclenche également cet événement.
2) Répéter le fonctionnement de LocalStorage: Si vous déposez des données en double, IE 11 est déclenché cet événement et Chrome ne déclenche pas cet incident.
Données de stockage Utilisez la méthode setItem () pour stocker LocalStorage.SetItem ('TestKey', 'Ceci est une valeur de test "); // Attributs de stockageLocalStorage ['TestKey'] = 'Ceci est la valeur de la valeur d'un test';Obtenir des données Valeur via la méthode getItem ()
LocalStorage.getItem ('TestKey'); Valeur par attributLocalStorage ['TestKey'];Stocker l'objet JSON
LocalStorage peut également stocker des objets JSON: Pendant le stockage, l'objet est converti en format de texte via JSON.StRINGIFY ();
var usertity = {name: 'tom', Âge: 22}; : 获取到的 JSON 字符串转换回对象 var userjSontr = localStorage .getItem ('user'); userentity = json.parse (userjSontr); console.log (userentity.name);