複数の Web ページ間で JavaScript 変数を保持するにはどうすればよいでしょうか?

複数のページにわたる JavaScript 変数の保持: 包括的な説明

さまざまなアプリケーションの複数の Web ページにわたって JavaScript 変数を保持することが不可欠な場合があります。ページ A で JavaScript 変数 'someVar' が 5 に設定されているとします。ハイパーリンクをクリックしてページ B に移動するときに、'someVar' の値が 5 に保たれるようにするにはどうすればよいですか?

解決策: JavaScript セッションの活用

JavaScript には、データを永続的に保存できる「JavaScript セッション」と呼ばれる仕組みが用意されています。単一のウィンドウまたはタブ内で。 「window.name」プロパティは、データの永続ストレージ スペースとして機能します。

実装:

1. ページ A で、「window」を使用して「someVar」を設定します。 .someVar = 5;'.
2. ページ B に遷移するときに、 「someVar」を JSON オブジェクトとして保存するための「window.name」:

window.name = JSON.stringify({ someVar: 5 });

3. ページ B で、次を使用して保存された値を取得します:

const storedData = JSON.parse(window.name);
const someVar = storedData.someVar;

制限事項:

JavaScript セッションは同じウィンドウ/タブに限定されます。新しいウィンドウを開くかセッションを閲覧すると、「someVar」がデフォルト値にリセットされます。

以上が複数の Web ページ間で JavaScript 変数を保持するにはどうすればよいでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。