ページナビゲーション全体で JavaScript 変数を保持するにはどうすればよいですか?

ページ ナビゲーションを超えた JavaScript 変数の保持

異なるページ間で保持されるデータを保存する必要がある Web アプリケーションで作業していると想像してください。 。 JavaScript では、変数のスコープは現在のページに設定され、ナビゲーション時にリセットされます。これは、複数のページにわたって特定の値を保持したい場合に問題を引き起こします。

これを克服する 1 つのテクニックは、window.name プロパティを利用することです。 window.name プロパティは、現在のウィンドウまたはタブの名前を格納するグローバル変数です。 window.name プロパティを目的の値に設定すると、同じウィンドウで開くどのページからでもアクセスできます。

例:

説明されているシナリオを考えてみましょう。元の質問では:

1. ページ A で、 window.someVar = を設定します。 5.
2. ハイパーリンクを介してページ B に移動します。
3. ページ B では、window.someVar を呼び出して window.someVar の値にアクセスできます。

制限事項:

JavaScript を永続化するために window.name を使用する場合変数は有効ですが、同じウィンドウまたはタブ内でのみ機能することに注意することが重要です。新しいウィンドウまたはタブを開くと、window.name プロパティがリセットされます。

代替アプローチ:

ページ ナビゲーションを超えて JavaScript 変数を保持するには、他のアプローチもあります。例:

• ローカル ストレージ: ローカル ストレージはセッション間で保持されるデータを保存できるブラウザネイティブ API。
• Cookie: Cookie はユーザーのデバイスに保存される小さなテキスト ファイルで、ブラウザ固有のデータを保存するために使用できます。 data.
• IndexedDB: IndexedDB は、永続的なデータとデータを提供する Web データベース API です。クライアント側アプリケーション用のスキーマレス データベース。

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