保存本地javascript更改

Question

我试图找出是否可能以及如何使用javascript将对页面所做的更改保存到浏览器中。

例如：我有一个隐藏菜单的切换。所以我隐藏了我的菜单并离开了页面。当我再次访问此页面时，我希望该菜单保持隐藏状态。截至目前，一旦我离开会话或刷新

，我使用Javascript所做的任何更改都会消失

Answer 1

不像你在想，不。没有“记住这个页面状态”标志或任何东西。

但是，有一种方法可以存储数据。在现代浏览器中，you can use localStorage可以保留用户做出的一些选择或数据。然后，当页面加载时，您的javascript可以读取该数据，然后配置页面。

例如：

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

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

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