Maison interface Web js tutoriel Une brève introduction à l'utilisation de la méthode localStorage en js

Une brève introduction à l'utilisation de la méthode localStorage en js

Aug 22, 2018 pm 05:00 PM
localstorage

Ce que cet article vous apporte est une brève introduction à l'utilisation de la méthode localStorage dans js. Elle a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

localStorage propose plusieurs méthodes :

1. Stockage : localStorage.setItem(key, value)

Si la clé existe, mettez à jour la valeur

2. Obtenez : localStorage.getItem(key)

Si la clé n'existe pas, renvoie null

3. Supprimer : localStorage.removeItem(key)

Une fois supprimée, la clé correspondante Toutes les données seront supprimées

4. Effacez tout : localStorage.clear()

Parfois, il est trop difficile d'utiliser RemoveItem pour supprimer un par un. Vous pouvez utiliser clear La conséquence de l'exécution. est que tous les objets localStorage seront effacés Données enregistrées

5 Parcourez la quantité totale de données stockées dans la clé localStorage

.length, par exemple : localStorage.length
.key( index) pour obtenir la clé, par exemple : var key=localStorage .key(index);

6. Stocker les données au format JSON

JSON.stringify(data) Convertir un objet en JSON formater la chaîne de données et renvoyer la chaîne convertie
JSON .parse(data) analyse les données en objets et renvoie l'objet analysé

Remarque : les données stockées dans localStorage ne peuvent pas être partagées entre les navigateurs. lire les données de son propre navigateur Espace de stockage 5M.

Recommandations associées :

jQuery+localStorage implémente une minuterie

Comment utiliser le stockage local et le stockage de sessions dans Vue

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!

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

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Guide du débutant de Rimworld: Odyssey
1 Il y a quelques mois By Jack chen
Porce de variable PHP expliquée
4 Il y a quelques semaines By 百草
Conseils pour écrire des commentaires PHP
3 Il y a quelques semaines By 百草
Commentant le code en php
3 Il y a quelques semaines By 百草

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel PHP
1509
276
Pourquoi le stockage local ne parvient-il pas à sauvegarder les données ? Pourquoi le stockage local ne parvient-il pas à sauvegarder les données ? Jan 03, 2024 pm 01:41 PM

Pourquoi le stockage des données sur le stockage local échoue-t-il toujours ? Besoin d'exemples de code spécifiques Dans le développement front-end, nous avons souvent besoin de stocker des données côté navigateur pour améliorer l'expérience utilisateur et faciliter l'accès ultérieur aux données. Localstorage est une technologie fournie par HTML5 pour le stockage de données côté client. Elle fournit un moyen simple de stocker des données et de maintenir la persistance des données après l'actualisation ou la fermeture de la page. Cependant, lorsque nous utilisons le stockage local pour le stockage de données, parfois

Étapes et précautions d'utilisation du stockage local pour stocker des données Étapes et précautions d'utilisation du stockage local pour stocker des données Jan 11, 2024 pm 04:51 PM

Étapes et précautions d'utilisation de localStorage pour stocker des données Cet article présente principalement comment utiliser localStorage pour stocker des données et fournit des exemples de code pertinents. LocalStorage est un moyen de stocker des données dans le navigateur qui conserve les données locales sur l'ordinateur de l'utilisateur sans passer par un serveur. Voici les étapes et les éléments à prendre en compte lors de l'utilisation de localStorage pour stocker des données. Étape 1 : Vérifiez si le navigateur prend en charge LocalStorage

Comment définir le délai d'expiration des éléments de stockage local Comment définir le délai d'expiration des éléments de stockage local Jan 11, 2024 am 09:06 AM

Comment définir le délai d'expiration du stockage local nécessite des exemples de code spécifiques Avec le développement rapide d'Internet, le développement frontal nécessite souvent la sauvegarde des données dans le navigateur. Localstorage est une WebAPI couramment utilisée qui vise à fournir un moyen de stocker des données localement dans le navigateur. Cependant, le stockage local ne fournit pas de moyen direct de définir le délai d'expiration. Cet article explique comment définir le délai d'expiration du stockage local à travers des exemples de code.

Quelles sont les méthodes pour récupérer les données Localstorage supprimées ? Quelles sont les méthodes pour récupérer les données Localstorage supprimées ? Jan 11, 2024 pm 12:02 PM

Comment récupérer les données Localstorage supprimées ? Localstorage est une technologie utilisée pour stocker des données dans des pages Web. Il est largement utilisé dans diverses applications Web pour partager des données entre plusieurs pages. Cependant, nous pouvons parfois supprimer accidentellement des données dans Localstorage, ce qui nous cause des problèmes. Alors, comment récupérer les données Localstorage supprimées ? Vous trouverez ci-dessous des étapes spécifiques et des exemples de code. Étape 1 : Arrêtez d’écrire sur Loca

Pourquoi le stockage local échoue-t-il si rapidement ? Pourquoi le stockage local échoue-t-il si rapidement ? Dec 14, 2023 pm 02:55 PM

Raisons pour lesquelles le stockage local échoue rapidement : 1. Prise en charge du navigateur ; 2. Limite d'espace de stockage ; 3. Politique de sécurité ; 4. Actualisation et fermeture de la page ; Introduction détaillée : 1. Différents navigateurs peuvent avoir différents niveaux de prise en charge de LocalStorage. Certains navigateurs plus anciens peuvent ne pas prendre en charge LocalStorage, ou il peut y avoir des défauts dans la mise en œuvre de LocalStorage, entraînant une défaillance des données. 2. Limitations d'espace de stockage, etc. . attendez.

Pourquoi le stockage local est-il dangereux ? Pourquoi le stockage local est-il dangereux ? Oct 10, 2023 pm 05:38 PM

Les raisons pour lesquelles le stockage local n'est pas sécurisé sont les données non cryptées, les attaques XSS, les attaques CERF, les limitations de capacité, etc. Introduction détaillée : 1. Les données ne sont pas cryptées. Localstorage est un simple système de stockage par paire clé-valeur. Il stocke les données dans le navigateur de l'utilisateur en texte clair, ce qui signifie que n'importe qui peut facilement accéder et lire les données stockées dans le stockage local. est stocké dans le stockage local, les pirates ou les utilisateurs malveillants peuvent facilement obtenir ces informations, etc.

Pourquoi le stockage local ne peut-il pas enregistrer correctement les données ? Pourquoi le stockage local ne peut-il pas enregistrer correctement les données ? Jan 03, 2024 pm 01:41 PM

Pourquoi localstorage ne peut-il pas sauvegarder mes données normalement ? Dans le développement Web, nous devons souvent sauvegarder les données de l'utilisateur localement afin que les données puissent être rapidement chargées ou restaurées lors de la prochaine visite de l'utilisateur sur le site Web. Dans le navigateur, nous pouvons utiliser localStorage pour réaliser cette fonction. Cependant, nous constatons parfois que les données enregistrées à l'aide de localStorage ne fonctionnent pas correctement. Alors pourquoi cela arrive-t-il ? Pour comprendre pourquoi localStorage

qu'est-ce que le stockage local qu'est-ce que le stockage local Dec 19, 2023 pm 02:07 PM

localStorage est une API Web qui peut stocker et récupérer des données dans un navigateur Web. Elle permet aux sites Web de stocker des données dans le navigateur local de l'utilisateur plutôt que sur le serveur. Il peut être utilisé pour stocker de nombreux types de données différents, tels que les paramètres utilisateur, les préférences, les données du panier, etc. Il existe différentes limites de stockage selon les navigateurs, et il existe généralement une limite de stockage maximale. Il peut être utilisé pour améliorer l’expérience utilisateur du site Internet et fournir des services personnalisés. Mais vous devez faire attention à la confidentialité, etc. lorsque vous utilisez localStorage.

See all articles