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

頁面刷新後維護JS 變數值

跨頁面刷新維護JavaScript 變數值對於動態Web 應用程式和保留使用者特定資訊至關重要。為了實現這一目標，我們需要利用網路儲存機制，即使在頁面重新載入時也能保留資料。

一個強大的工具是localStorage，它允許您在瀏覽器中永久儲存資料整個網站。如果您想在多個會話中保留訊息，這將非常有利。要使用localStorage 設定值，請使用：

window.localStorage.setItem("variableName", value);

要檢索值，只需使用：

let retrievedValue = window.localStorage.getItem("variableName");

或者，如果您需要儲存僅保留在當前瀏覽器會話，您可以使用sessionStorage。語法與 localStorage 類似，但 sessionStorage 會在瀏覽器視窗關閉時清除資料。

window.sessionStorage.setItem("variableName", value);
let retrievedValue = window.sessionStorage.getItem("variableName");

要注意的是，這些機制中只能直接儲存字串值。若要儲存其他資料類型，請考慮使用 JSON.stringify() 和 JSON.parse() 進行轉換。

有關不支援localStorage 的瀏覽器的更深入資訊和解決方法，請參閱以下資源:

• [MDN 的DOM 儲存指南](https://developer.mozilla .org/en-US/docs/Web/Guide/API/DOM/Storage)
• [ localStorage](https://developer.mozilla.org/en-US/docs/DOM/Storage#localStorage)
• [JSON](https://developer.mozilla.org/en-US/docs /JSON)
• [瀏覽器儲存相容性](http://caniuse.com/namevalue-storage)

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