首頁 >web前端 >js教程 >如何在頁面刷新後保留 JavaScript 變數?

如何在頁面刷新後保留 JavaScript 變數?

Patricia Arquette
Patricia Arquette原創
2024-11-09 18:21:021087瀏覽

How Do I Keep JavaScript Variables After a Page Refresh?

如何在頁面刷新時保留 JavaScript 變數

在 JavaScript 中,當頁面刷新時,變數通常會遺失其值。然而,有一些技術可以使變數持久化。

其中一種技術涉及利用像 window.localStorage 或 window.sessionStorage 這樣的 Web 儲存機制。 LocalStorage 在瀏覽器會話之外保留數據,而 sessionStorage 僅在目前會話內保留數據。

要使用localStorage 儲存變量,請使用以下命令:

var someVarName = "value";
localStorage.setItem("someVarKey", someVarName);

要擷取已儲存的變數:

var someVarName = localStorage.getItem("someVarKey");

請記住,localStorage 僅儲存字串值。若要使用其他資料類型,請考慮使用 JSON.stringify 和 JSON.parse。

有關更多資訊和相容性選項,請參閱 MDN 的 DOM 儲存指南以及下面參考部分中提供的其他資源。

以上是如何在頁面刷新後保留 JavaScript 變數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn