如何使用 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 年 2 月 25 日

313 次浏览

开启你的 事业

完成此课程以获得认证

开始
广告