ローカルストレージを使用してJavaScriptのページ間で変数を渡すにはどうすればよいですか?

ページからページへ JavaScript を介して変数を渡す

あなたの目標は、変数の値を「ページ 1」から「ページ 2」に渡すことです。 」を作成し、window.onload を使用して表示します。ただし、使用しているグローバル変数のアプローチが問題を引き起こしているようです。

ローカル ストレージ: 別のアプローチ

グローバル変数に依存する代わりに、ローカルストレージ API。このアプローチにより、個々のページから独立して、データをブラウザーにローカルに保存できます。 localStorage を使用した修正されたソリューションは次のとおりです。

page1.html

<code class="html"><script>
  window.onload = function() {
    var getInput = prompt("Enter your value:");
    localStorage.setItem("myValue", getInput);
  };
</script>

...

<input type="submit" value="Go To Page 2" onclick="location.href='page2.html'"></code>

page2.html

<code class="html"><script>
  window.onload = function() {
    var getValue = localStorage.getItem("myValue");
    alert("Value from page 1: " + getValue);
  };
</script></code>

Thisこのアプローチにより、発生していたグローバル変数の問題が回避され、2 つのページ間で変数の値を効果的に受け渡すことができます。

以上がローカルストレージを使用してJavaScriptのページ間で変数を渡すにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。