如何在頁面導覽中保留 JavaScript 變數？

在頁面導航之外保留JavaScript 變數

想像一下，您正在開發一個Web 應用程序，需要儲存跨不同頁面保存的數據。在 JavaScript 中，變數的作用域為目前頁面，並在導覽時重設。當您想要在多個頁面中保留某些值時，這會帶來挑戰。

克服此問題的一種技術是利用 window.name 屬性。 window.name 屬性是一個全域變量，用於儲存目前視窗或選項卡的名稱。透過將 window.name 屬性設定為所需的值，您可以從同一視窗中開啟的任何頁面存取它。

範例：

考慮所描述的場景在原來的問題中：

1. 在頁面A 上，您設定了window. someVar = 5.
2. 您透過超連結導航到頁面B。
3. 在頁面 B 上，您可以透過呼叫 window.someVar 來存取 window.someVar 的值。

限制：

使用window.name 來保存JavaScript 變數是有效，重要的是要注意它只能在同一視窗或標籤中使用。如果您開啟新視窗或選項卡，window.name 屬性將會重設。

替代方法：

除了頁面導航之外，還有其他方法可以保留JavaScript 變量，如：

• 本機儲存：本機儲存是瀏覽器原生的允許您儲存跨會話持續存在的資料的API。
• Cookie： Cookie 是儲存在使用者裝置上的小文字文件，可用於儲存特定於瀏覽器的資料。
• IndexedDB： IndexedDB 是一個 Web 資料庫 API，為客戶端提供持久且無模式的資料庫應用程式。

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