Quelles sont les deux méthodes de stockage de HTML5-Questions et réponses frontales-php.cn

Quelles sont les deux méthodes de stockage de HTML5

青灯夜游

Libérer： 2022-01-23 17:36:24

original

2381 Les gens l'ont consulté

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.

Quelles sont les deux méthodes de stockage de HTML5

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>

Copier après la connexion

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 :

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

Copier après la connexion

2. Le stockage local

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

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");

Copier après la connexion

getItem obtient la valeur
Utilisation : .getItem(key)

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

Copier après la connexion

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");

Copier après la connexion

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!