Sommaire

Mise en œuvre du Web Storage au travers d’exemples

Dans la mesure où les méthodes associées à sessionStorage et à localStorage sont identiques, les deux exemples utilisent tous les deux localStorage.

1. Exemple 1 : Stockage par localStorage de chaînes de caractères

Dans ce premier exemple, l’objectif va être d’étudier les possibilités offertes par localStorage dans la gestion (création, accès, suppression) d’informations de type chaînes de caractères.

Script complet

Le code source du script est reproduit intégralement ci-après :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
 
<!-- 
NOM DU SCRIPT : LOCAL_STORAGE_01.htm 
REALISATION INFORMATIQUE : Christian VIGOUROUX 
DATE DE CREATION : 15/10/2018 
DATE DE DERNIERE MODIFICATION : 15/10/2018 
OBJET : Stockage avec utilisation de localStorage 
--> 
 
<!-- Début script HTML --> 
<html> 
 
    <!-- Début en-tête script HTML --> 
    <head> 
 
        <!-- Balise meta --> 
        <meta http-equiv="Content-Type" 
        content="text/html; charset=utf-8" /> 
 
        <!-- Titre du script HTML --> 
  ...