Tutoriel HTML5-Stockage Web

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>

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>

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>

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>

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) !