如何使用 HTML5 的本地存储永久存储姓名?


本地存储是为了跨越多个窗口进行存储、并在当前会话后继续存在而设计的。特别是,出于性能考虑,Web 应用程序可能希望在客户端存储兆字节的用户数据,例如整个用户编写的文档或用户的邮箱。

HTML5 localStorage 将字符串数据保存在浏览器中,而且在当前会话后也会继续存储。localStorage 存储数据时无过期时间,而 sessionStorage 仅限于会话时间。当浏览器关闭时,会话会丢失。

当浏览器关闭时,数据不会被删除。在这里,我们举例储存一个名称。

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

更新于: 2020-02-25

314 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告