如何使用 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 次瀏覽

開啟你的 事業

完成此課程以獲得認證

開始
廣告
© . All rights reserved.