Résumé HTML5 Localstorage

Dans HTML5, une nouvelle fonctionnalité locale est ajoutée. Taille de 5 m, qui sera différente dans différents navigateurs.

1. LocalStorage élargit la limite 4K du cookie

2. LocalStorage peut directement stocker les premières données de demande à la zone locale. . Soutien

1. La taille du navigateur n'est pas uniforme, et la version IE ci-dessus IE8 ne prend en charge que l'attribut de LocalStorage

2. À l'heure actuelle, tous les navigateurs limiteront le type de valeur de LocalStorage en tant que type de chaîne.

3. LocalStorage n'est pas en mesure de lire sous le mode de confidentialité du navigateur

4. LocalStorage est essentiellement lu sur la chaîne.

5. Localstorage ne peut pas être capturé par des robots

La seule différence entre LocalStorage et SessionStorage est que LocalStorage appartient à un stockage permanent et SessionStorage appartient à la fin de la session.

Ici, nous utilisons LocalStorage pour analyser

Voici une déclaration spéciale. Si vous utilisez le navigateur IE, alors utilisez UserData comme stockage. L'opinion sur le blogueur.

Tout d'abord, lorsque vous utilisez LocalStorage, nous devons déterminer si le navigateur prend en charge l'attribut de LocalStorage

 if (! Window.LocalStorage) {alert (Browser prend en charge LocalStorage);

Il y a trois façons d'écrire LocalStorage, l'écriture de LocalStorage.

 if (! Window.LocalStorage) {alert (Browser prend en charge localStorage); Torage. [C]);}

Les résultats après l'exécution sont les suivants:

Ici, nous devons expliquer spécifiquement que l'utilisation de LocalStorage suit également la même stratégie -origine, de sorte que différents sites Web ne peuvent pas partager le même localstorage

Enfin, le résultat imprimé sur la console est:

Je ne sais pas si les lecteurs ont remarqué que le type INT vient d'être stocké, mais l'impression est une chaîne.

 if (! Window.LocalStorage) {alert (Browser prend en charge localStorage);} else {var Storage = Window.LocalStorage; // Écrivez dans le champ de champ C.SetItem (C, 3); / La première méthode est en train de lire Var A = Storage.A; .getItem (c);

Ce sont trois façons de lire Localstorage.

J'ai dit avant que LocalStorage soit équivalent à une base de données frontale.

Parlons des deux étapes de la suppression et du changement de LocalStorage.

Il est préférable de comprendre cette étape.

 if (! Window.LocalStorage) {alert (Browser prend en charge localStorage);} else {var Storage = Window.LocalStorage; // Écrivez dans le champ de champ C.SetItem (C, 3); ;

Sur cette console, nous pouvons voir que la clé A a été changée en 4

1. Effacer tous les contenus de LocalStorage

 Var Storage = Windows.LocalStorage;

2. Supprimer une valeur clé dans localstorage

 var Storage = Window.LocalStorage;

Les résultats de la vue de la console

 var Storage = Window.LocalStorage; Puis, alors log (clé);}

Utilisez la méthode clé () pour obtenir la clé correspondante à partir de l'index de l'index in-et -out

Généralement, nous stockons JSON dans LocalStorage, mais LocalStorage convertira automatiquement LocalStorage en formulaires de chaîne.

À l'heure

Exemple:

 if (! Window.LocalStorage) {alert (Browser prend en charge LocalStorage);} else {var Storage = Window.LocalStorage; D = JSON.Stringefy (Data);

Après la lecture, la chaîne JSON doit être convertie en un objet JSON, et la méthode JSON.Parse () est utilisée pour utiliser la méthode JSON.Parse ()

 Var Storage = Windows.LocalStorage; JSON String dans JSON OBJET OUTRE VAR JSON = Storage

Imprimer son objet objet

Une autre chose à noter est que d'autres types doivent être lus.

Ce qui précède est le résumé de l'utilisation HTML5 Localstorage de l'éditeur. Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!