javascript - JavaScriptの変更をローカルに保存する

Question

それが可能かどうか、そしてjavascriptを使用してページに加えられた変更をブラウザに保存する方法を理解しようとしています。

例：メニューを非表示にするトグルがあります。そのため、メニューを非表示にしてページを離れます。このページに再度アクセスするときは、そのメニューを非表示のままにしておく必要があります。現在のところ、Javascriptを使用して行った変更は、セッションを終了するか更新すると消えます。

Answer 1

あなたが考えているようではありません、違います。「このページの状態を記憶する」フラグなどはありません。

ただし、データを保存する方法があります。最新のブラウザでは、ユーザーが行った選択やデータを永続化するために使用できます。localStorage次に、ページが読み込まれると、JavaScriptがそのデータを読み取って、ページを構成できます。

例えば：

$('#hide-stuff-button').click(function() {
  $('#stuff').hide();
  localStorage.hidden = true;
});

if (localStorage.hidden) {
  $('#stuff').hide();
}

そのスクリプトは2つのことを行います。ボタンをクリックしたときに設定が保存され、ページが読み込まれると、保存された状態が読み取られ、ページに対して何かが行われます。