Javascript菜单记忆位置

Javascript菜单记忆位置,javascript,css,Javascript,Css,我目前正在为一个web应用程序开发JS菜单。它由两个栏组成,固定的主栏和通过Javascript函数激活的子菜单display:block from display:none。通过onclick事件添加class=main_on和class=sub_on,主菜单和子菜单的选定选项也会高亮显示。当用户点击F5或页面重新加载时,有没有办法记住显示了哪个子菜单以及当前哪些选项被归类为活动的?如果可能的话,我正在寻找一种非cookie和非数据库的方法 谢谢 Mike您可以将为onclick事件单击的链接

我目前正在为一个web应用程序开发JS菜单。它由两个栏组成,固定的主栏和通过Javascript函数激活的子菜单display:block from display:none。通过onclick事件添加class=main_on和class=sub_on,主菜单和子菜单的选定选项也会高亮显示。当用户点击F5或页面重新加载时,有没有办法记住显示了哪个子菜单以及当前哪些选项被归类为活动的?如果可能的话,我正在寻找一种非cookie和非数据库的方法

谢谢


Mike

您可以将为onclick事件单击的链接/元素设置为地址栏中的URL哈希。i、 e.如果是链接,您只需调整HREF属性,否则您可能需要使用window.location进行操作

这将设置当前状态。当页面重新加载时,检查URL哈希的值。有关如何访问它的详细信息,请参阅。如果URL哈希仍在地址栏中,则可以获取该值

然后使用该值确定要激活的菜单。因此,可以通过这种方式恢复状态

浏览器之间存在一些差异。搜索Ajax历史记录,其中一些人使用URL哈希来保存Ajax操作后的状态。与您试图解决的问题不完全相同,但相似。查看RSH:


将使用相同的想法。

您可以将为onclick事件单击的链接/元素设置为地址栏中的URL哈希。i、 e.如果是链接,您只需调整HREF属性,否则您可能需要使用window.location进行操作

这将设置当前状态。当页面重新加载时,检查URL哈希的值。有关如何访问它的详细信息,请参阅。如果URL哈希仍在地址栏中,则可以获取该值

然后使用该值确定要激活的菜单。因此,可以通过这种方式恢复状态

浏览器之间存在一些差异。搜索Ajax历史记录,其中一些人使用URL哈希来保存Ajax操作后的状态。与您试图解决的问题不完全相同,但相似。查看RSH:


同样的想法也会被使用。

谢谢,我不知道JS能这么容易地操纵。谢谢,我不知道JS能这么容易地操纵。