首頁 >web前端 >js教程 >如何跨多個網頁保留 JavaScript 變數?

如何跨多個網頁保留 JavaScript 變數?

Patricia Arquette
Patricia Arquette原創
2024-11-12 17:24:02699瀏覽

How Can You Preserve JavaScript Variables Across Multiple Web Pages?

跨多個頁面保留JavaScript 變數:綜合說明

對於各種應用程式來說,跨多個網頁保留JavaScript 變數可能是勢在必行的。假設您在頁面 A 上將 JavaScript 變數「someVar」設為 5。當您透過點擊超連結導航至頁面 B 時,如何確保「someVar」保留其值 5?

解決方案:利用 JavaScript Session

JavaScript 提供了一種稱為「JavaScript 會話」的機制,它允許您在單一視窗或標籤中。 'window.name' 屬性作為資料的持久性儲存空間。

實作:

  1. 在頁面A 上,使用'window 設定'someVar' .someVar = 5;'.
  2. 噹噹您🎜>當您轉換到頁面B 時,使用'window.name' 將'someVar' 儲存為JSON對象:
window.name = JSON.stringify({ someVar: 5 });
  1. 在頁面B 上,使用以下方式檢索存儲的值:
const storedData = JSON.parse(window.name);
const someVar = storedData.someVar;

限制:

JavaScript 會話僅限於相同的視窗/選項卡。開啟新視窗或瀏覽會話會將「someVar」重設為其預設值。

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

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