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

本地存储旨在跨多个窗口存储，并且有效期超出当前会话。具体来说，出于性能方面的考虑，Web 应用程序可能希望在客户端存储数兆字节的用户数据，例如用户编写的整个文档或用户的邮箱。

HTML5 本地存储将字符串数据保存在浏览器中，并且有效期超出当前会话。本地存储存储数据，且不会过期，而会话存储仅限于会话。浏览器关闭后，会话将丢失。

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

您可以尝试运行以下代码，了解如何使用 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>

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/