Javascript 刷新时恢复页面中相同id的步骤

我正在研究javascript和jquery。我在我的页面中使用了2div。因此，当我的页面加载时，第二个div被隐藏，当单击第一个div中的按钮时，它将导航到第二个页面。所以当我现在按下刷新按钮时。当第一次打开页面时，页面将导航到第一个div。即使在刷新页面时也显示第二个div的任何想法或建议。提前谢谢。这是我的小提琴代码，它在小提琴中运行良好，正如我所希望的那样。但是在我的项目代码中它失败了。有没有通过cookies实现这一点的例子

这是我的div代码：

$('#sbut1').click(function() { 
    $('.cont1').show();
    $('#log1').hide();
});

---

我可以想出至少两种解决此问题的前端方法：

使用cookie或更现代的本地存储解决方案来处理会话。（已经来过了，cookie）

使用一个单页应用程序，导航在散列符号之后。例如在主干网络应用程序中

---

您还可以使用某种服务器端会话处理，大多数web框架都有嵌入式会话处理。

使用

本地存储尝试类似的操作：

$('#sbut1').click(function() { 
    $('.cont1').show();
    $('#log1').hide();
    localStorage['shown'] = '.cont1';
});

$(function() {
    var sel;
    if (sel = localStorage['shown']) {
        $('.cont1, #log1').hide().filter(sel).show();
    }
});


Use也可以使用cookies来实现此目的。
cookies，localStorage@zerkms你能解释一下吗clear@HkM：把状态存储在那里，希望链接能解释你需要什么：）不，我没有使用任何数据库。它在小提琴上工作得很好，就像我想要的那样。但在我的项目代码中它失败了。有什么建议吗？它在小提琴上很好用，这正是我想要的。但在我的项目代码中它失败了。有什么建议吗。？这是我的乱七八糟的代码。我找到了一种方法，因为它可以很好地处理会话存储。非常感谢。