如何使用 JavaScript 在 HTML 頁面之間安全地傳遞變數？

使用 JavaScript 在 HTML 頁面之間傳遞變數

在 Web 開發中，經常需要在兩個 HTML 頁面之間傳輸資料。一種常見的方法是使用 JavaScript 將資料儲存在全域變數中並在第二頁上檢索它。但是，如果未正確聲明或存取全域變量，此方法可能會遇到問題。

考慮以下場景：

• 您有兩個頁面，「第1 頁」和「第1 頁」2"。
• 在第1 頁上，文字方塊包含一個值（例如100）。 ，onload 函數嘗試檢索並顯示第1 頁上儲存的值。的解決方案
• 要解決此問題，另一種方法是使用localStorage。

第1 頁：

使用下列指令將文字方塊值儲存在localStorage 中setItem() 方法，如下所示：

第2 頁：

• 使用getItem( 從localStorage 擷取儲存的值) 方法並使用alert()顯示，如下：

  <code class="javascript">window.onload = function() {
    var getInput = prompt("Hey type something here: ");
    localStorage.setItem("storageName", getInput);
  }</code>

  透過使用localStorage，可以確保不同HTML頁面之間資料儲存和擷取的一致性。

以上是如何使用 JavaScript 在 HTML 頁面之間安全地傳遞變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！