Maison > Article > interface Web > Quelles sont les deux méthodes de stockage de HTML5

Quelles sont les deux méthodes de stockage de HTML5

青灯夜游original: 2022-01-23 17:36:242206parcourir

Les deux méthodes de stockage du HTML5 sont : 1. Le cache d'application (application cache), les applications Web peuvent être mises en cache et peuvent être utilisées même sans réseau ; 2. Le stockage local (localStorage ou sessionStorage), qui peut être utilisé sur le client ; Stocker des données.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

1.Application Cache

HTML5 introduit le cache d'application, ce qui signifie que les applications Web peuvent être mises en cache et utilisées même sans réseau. "Le cache d'application a trois fonctionnalités" dans la balise html

Chaque page avec un manifeste spécifié sera mise en cache lorsque l'utilisateur y accédera. Si l'attribut manifest n'est pas spécifié, la page ne sera pas mise en cache (sauf si elle est spécifiée directement dans le fichier manifeste).

L'extension de fichier recommandée pour les fichiers manifestes est : ".appcache".

<!DOCTYPE HTML>
<html manifest="demo.appcache">

<body>
The content of the document......
</body>

</html>

Les fichiers manifestes sont de simples fichiers texte qui indiquent au navigateur ce qui est mis en cache (et ce qui ne l'est pas).

Les fichiers manifestes peuvent être divisés en trois parties :
CACHE MANIFEST - les fichiers répertoriés sous cette rubrique seront mis en cache après le premier téléchargement
NETWORK - les fichiers répertoriés sous cette rubrique nécessitent une connexion au serveur et ne seront pas mis en cache

FALLBACK - Les fichiers répertoriés sous cette rubrique spécifient la page de secours lorsque la page est inaccessible (comme une page 404)

Un fichier manifeste complet

CACHE MANIFEST  
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
/html5/ /404.html

2. Le stockage local

HTML5 propose deux Une nouvelle façon de stocker. données côté client :

sessionStorage - stockage de données pour une session
Avant, tout cela se faisait par cookies. Mais les cookies ne conviennent pas au stockage de grandes quantités de données car ils sont transmis à chaque requête au serveur, ce qui les rend lents et inefficaces.

LocalStorage et sessionStorage ont les mêmes méthodes de fonctionnement, telles que setItem(), getItem() et removeItem(), etc.

Méthodes de localStorage et sessionStorage :

setItem stocke la valeur

Utilisation : stocke la valeur dans le champ clé

Utilisation :. setItem(key, value)

Exemple de code :

sessionStorage.setItem("key", "value");
localStorage.setItem("site", "js8.in");

getItem obtient la valeur
Utilisation : .getItem(key)

var value = sessionStorage.getItem("key"); 
var site = localStorage.getItem("site");

removeItem delete key

Objectif : supprimer la clé spécifiée Valeurs stockées localement

Utilisation : .removeItem(key)
Exemple de code :

sessionStorage.removeItem("key"); 
localStorage.removeItem("site");

clear effacer toutes les clés/valeurs
Utilisation : effacer toutes les clés/valeurs
Utilisation : .clear()

sessionStorage n'est pas un stockage persistant et sera effacé après la fermeture du navigateur. LocalStorage est utilisé pour le stockage local persistant, à moins que les données ne soient activement supprimées, les données n'expireront jamais.

Recommandations associées : "

Tutoriel vidéo HTML

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!

html5 html Cookie Session

Déclaration：

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

Article précédent：Que signifie l’espacement des lignes HTML5 ?Article suivant：Que signifie l’espacement des lignes HTML5 ?

Articles Liés

Voir plus