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

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.