Stockage local au niveau de la session : sessionStorage

Un objet Js a été ajouté en HTML5 : sessionStorage ; grâce à cet objet, le WebStorage au niveau de la session stocké dans le navigateur peut être directement exploité. Les données stockées dans sessionStorage sont d'abord sous forme de clé-valeur. De plus, elles sont liées à la session en cours du navigateur. À la fin de la session, les données seront automatiquement effacées, comme un cookie sans délai d'expiration défini. .

  • sessionStorage fournit quatre méthodes pour nous aider à effectuer des opérations connexes sur le stockage local.

  • setItem(key, value) ajoute des données de stockage local. Les deux paramètres sont très simples et je n’entrerai pas dans les détails.

  • getItem(key) obtient la valeur correspondante via la clé.

  • removeItem(key) supprime les données locales par clé.

  • clear() efface les données.

Le code est le suivant :

                          
    <script type="text/javascript">
        //添加key-value 数据到 sessionStorage
        localStorage.setItem("demokey", "http://blog.itjeek.com");
        //通过key来获取value
        var dt = localStorage.getItem("demokey");
        alert(dt);
        //清空所有的key-value数据。
        //localStorage.clear();
        alert(localStorage.length);
    </script>


Formation continue
||
<!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <title>php中文网</title>  </head> <body> <script type="text/javascript"> //添加key-value 数据到 sessionStorage localStorage.setItem("demokey", "http://blog.itjeek.com"); //通过key来获取value var dt = localStorage.getItem("demokey"); alert(dt); //清空所有的key-value数据。 //localStorage.clear(); alert(localStorage.length); </script> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel