Javascript菜单记住位置

Question

我目前正在为Web应用程序的JS菜单工作。它由两个条组成，它们是由Javascript函数激活的固定的主菜单和子菜单（显示：从显示屏中删除：无）。通过onclick事件添加class =“main_on”和class =“sub_on”，主菜单的所选选项以及子菜单也会突出显示。有没有办法记住哪个子菜单被显示，当用户点击F5或页面重新加载时哪些选项当前被分类为活动？如果可能，我正在寻找非cookie和非数据库方法。

感谢，

迈克

Answer 1

您可以点击该链接/元素（onclick事件），在地址栏中设置的URL哈希值。 （即http://server.name/page#URLhash）如果它是一个链接，您只需调整HREF属性，否则可能需要使用window.location进行操作。

这设置当前状态。当页面（重新）加载时，请检查URL哈希的值。有关如何访问它的详细信息，请参阅http://developer.mozilla.org/en/DOM/window.location。只要网址哈希值仍在地址栏中，您就可以获取该值。

然后使用该值确定要激活哪个菜单。因此你可以这样恢复状态。

浏览器之间有一些差异。在“Ajax历史记录”上进行搜索，其中有些人使用URL哈希来保存Ajax操作后的状态。不是完全相同的问题，你正试图解决但类似。退房RSH： http://code.google.com/p/reallysimplehistory/

将使用相同的想法。