ページを更新した後も JavaScript 変数を保持するにはどうすればよいですか?

ページを更新しても JavaScript 変数を保持する方法

JavaScript では、通常、ページが更新されると変数の値が失われます。ただし、変数を永続化する手法はあります。

そのような手法の 1 つは、window.localStorage や window.sessionStorage などの Web ストレージ メカニズムを利用することです。 LocalStorage はブラウザ セッションを超えてデータを保持しますが、sessionStorage は現在のセッション内でのみデータを保持します。

localStorage を使用して変数を保存するには、次の手順を実行します。

var someVarName = "value";
localStorage.setItem("someVarKey", someVarName);

保存された変数を取得するには:

var someVarName = localStorage.getItem("someVarKey");

localStorage は文字列値のみを保存することに注意してください。他のデータ型を操作するには、JSON.stringify および JSON.parse の使用を検討してください。

詳細情報と互換性オプションについては、MDN の DOM ストレージ ガイドおよび以下のリファレンス セクションに記載されているその他のリソースを参照してください。

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