javascript - Web开发刷新后显示/隐藏 <div>

Question

我正在为一家餐厅开发一个网站，该网站的标题包含以下选项卡:

• “家”
• “菜单”
• “关于”

我想在同一页面中切换选项卡，但仅根据所选选项卡更改其内容。

我设法通过隐藏 <div> 使用 jQuery 来做到这一点s 并通过添加和删除类来显示我想要的类。问题是，每当我刷新页面时，它都会返回到设置为在加载页面时显示的主主页。

所以我的问题是:有没有办法让网页刷新更改后的类？？？

Answer 1

无需涉及后端的任何工作，您可以通过 localStorage 存储该信息。

像这样:

localStorage.setItem("currentPage", "HomePage");
localStorage.setItem("favoriteColor", "Red");

在页面加载时，您可以执行一些错误处理，以防这些属性从未设置过，如下所示:

if(!localStorage.getItem("currentPage"))
{
    localStorage.setItem("currentPage", "HomePage");
}