如何使用HTML5本地存储永久存储名称？

本地存储专为跨多个窗口且持续时间超出当前会话的存储而设计。特别是，出于性能方面的考虑，Web应用程序可能希望在客户端存储兆字节的用户数据，例如整个用户编写的文档或用户的邮箱。

HTML5 localStorage将字符串数据保存在浏览器中，并且持续时间超出当前会话。localStorage存储数据，没有过期，而sessionStorage仅限于会话。关闭浏览器后，会话将丢失。

关闭浏览器后，数据不会被删除。在这里，我们将保存例如example的名称。

您可以尝试运行以下代码以了解如何使用HTML5本地存储永久存储名称

示例

<!DOCTYPE html>
<html>
   <body>
      <div id = "demo"></div>
      <script>
         if (typeof(Storage) !== "undefined") {
            localStorage.setItem("name", "John");
            document.getElementById("demo").innerHTML = localStorage.getItem("name");
         } else {
            document.getElementById("demo").innerHTML =
            "The browser do not support Web Storage";
         }
        </script>
   </body>
</html>

基础教程