Explication détaillée de la différence entre le stockage Web HTML5 et les cookies

Avant de créer le site Web, nous utilisions essentiellement des cookies pour implémenter des données de cache locales, mais parce que le cookie lui-même a un petite capacité de stockage, le facteur de sécurité n'est pas trop élevé, il sera donc difficile à utiliser dans de nombreux endroits. Cependant, HTML5 nous offre un mécanisme de stockage Web pratique et rapide.

Fonctionnalités de stockage client :

Dans Les données HTML5 ne sont pas transmises à chaque requête du serveur, mais 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.

Méthode de stockage côté client :

HTML5 utilise JAVASCRIPT pour stocker et lire les données locales.

Capacité de stockage :

La capacité générale des cookies est de 4 Ko, tandis que les données stockées en HTML5 peuvent atteindre 5 à 10 M, pour les développeurs de sites Web. C'est bien nouvelles.

Méthode localStorage :

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

sessionMéthode de stockage :

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

Code HTML5 pour compter les visites de pages :

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

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!