保存本地 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();
}

该脚本做了两件事。当你点击一个按钮时它会保存一些偏好，当页面加载时，它会读取保存的状态并对页面做一些事情。