Maison > interface Web > Tutoriel H5 > le corps du texte

Tutoriel HTML5-Stockage Web

黄舟
Libérer: 2017-02-07 13:26:28
original
1412 Les gens l'ont consulté

Cet article présentera brièvement quelques exemples de stockage Web tutoriel HTML5. Les amis dans le besoin peuvent le partager.

HTML5 propose deux nouvelles méthodes de stockage des données côté client :

1. localStorage - stockage des données sans limite de temps

2. stockage.

Avant, tout cela se faisait grâce aux 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. En HTML5, les données ne sont pas transmises à chaque requête du serveur, mais les données ne sont utilisées que sur demande. Il permet de stocker de grandes quantités de données sans affecter les performances du site Web. Pour différents sites Web, les données sont stockées dans différentes zones et un site Web ne peut accéder qu'à ses propres données.

HTML5 utilise JavaScript pour stocker et accéder aux données.

Méthode localStorage :

La méthode localStorage n'a pas de limite de temps sur les données stockées. Les données sont toujours disponibles après le jour, la semaine ou l'année suivante.

Comment créer et accéder à localStorage :

Exemple :

<script type=”text/javascript”>localStorage.lastname=”Smith”;
document.write(localStorage.lastname);</script>
Copier après la connexion

L'exemple suivant compte le nombre de fois qu'un utilisateur visite une page :

Exemple :

<script type=”text/javascript”>
if (localStorage.pagecount){
localStorage.pagecount=Number(localStorage.pagecount) +1;}
else{localStorage.pagecount=1;}
document.write(“Visits “+ localStorage.pagecount + ” time(s).”);
</script>
Copier après la connexion

méthode sessionStorage

La méthode sessionStorage stocke les données d'une session. Les données sont supprimées lorsque l'utilisateur ferme la fenêtre du navigateur.

Comment créer et accéder à une sessionStorage :

Exemple :

<script type=”text/javascript”>sessionStorage.lastname=”Smith”;
document.write(sessionStorage.lastname);</script>
Copier après la connexion

L'exemple suivant compte le nombre de fois qu'un utilisateur visite une page dans la session en cours : Exemple :

 <script type=”text/javascript”>
 if (sessionStorage.pagecount){
 sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;}
 else{sessionStorage.pagecount=1;}
 document.write(“Visits “+sessionStorage.pagecount+” time(s) this session.”);
 </script>
Copier après la connexion

Ce qui précède est le contenu du HTML5 Tutorial-Web Storage. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !


Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!