保存本地javascript更改

Question

我试图弄清楚是否有可能，以及如何将使用javascript对页面所做的更改保存到浏览器。

例如：我有一个隐藏菜单的开关。 所以我隐藏了菜单并离开了页面。 当我再次访问此页面时，我希望该菜单保持隐藏状态。 到目前为止，离开会话或刷新后，我使用Javascript所做的任何更改都会消失

Answer 1

不像您在想，不。 没有“记住此页面状态”标志或其他任何内容。

但是，有一种存储数据的方法 。 在现代浏览器上， 您可以使用localStorage保留用户做出的某些选择或数据。 然后，在加载页面时，您的JavaScript可以读取该数据，然后在页面周围进行配置。

例如：

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

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

该脚本执行2件事。 当您单击按钮时，它会保存一些首选项，并且在页面加载时，它会读取保存的状态并对页面执行某些操作。