English 中文(简体)
JavaScript菜单记住位置
原标题:
  • 时间:2008-11-14 16:11:21
  •  标签:

我正在為一個 Web 應用程序設計一個 JS 菜單。它包括兩個條,固定的主要菜單和通過 Javascript 函數激活(display:none 到 display:block)的子菜單。主菜單和子菜單的所選選項也通過 onclick 事件添加 class="main_on" 和 class="sub_on" 進行突出顯示。當用戶按 F5 或頁面自動刷新時,是否有一種方法可以記住顯示的子菜單和當前類別為活動狀態的選項?如果可能的話,我正在尋找一種不使用 cookie 和不使用數據庫的方法。

谢谢

迈克

最佳回答

您可以使被单击的链接/元素(对于onclick事件)在地址栏中设置URL哈希。 (即http://server.name/page#URLhash)如果是链接,您只需调整HREF属性,否则您可能需要操作window.location。

这将设置当前状态。当页面重新加载时,检查URL哈希的值。有关如何访问它的详细信息,请参见http://developer.mozilla.org/en/DOM/window.location。如果URL哈希仍然在地址栏中,您将能够获取该值。

然后使用该值确定要激活哪个菜单。这样就可以通过这种方式恢复状态。

There are some differences between browsers. Do a search on "Ajax History", in which some people have used the URL hash to preserve the state after Ajax actions. Not the exact same problem you are trying to solve but similar. Check out RSH: http://code.google.com/p/reallysimplehistory/

相同的思想将被使用。

问题回答

暂无回答




相关问题
热门标签