跟踪页面刷新时正在查看的选项卡


Keep track of which tab was being viewed when page is refreshed

我有一个网页,其中有三个选项卡,并取决于哪个选项卡被点击,适当的内容是可见的。点击选项卡时显示/隐藏内容是由Javascript处理的。

我的问题是,如果我正在查看第三个选项卡,然后刷新页面,页面不会刷新到第三个选项卡的内容可见,而是回到第一个选项卡的内容。

是否有任何方法,当javascript执行时,为我添加一个GET参数到URL,所以在页面加载我的PHP脚本可以检查GET参数并显示正确的内容?

您有几个选择:

  • 使用片段标识符(将#tab3添加到URL中)
  • 在cookie中存储
  • 使用本地存储

根据你想要支持的浏览器和你想要保留多长时间的选项,你可以选择其中的任何一个

当标签被点击时,为URL添加标签id作为锚,例如http://www.mysite.com/page.html#tabId

然后当页面加载时,检查url中是否存在标签id并激活所需的标签

可以使用cookie,也可以链接hash。例如:http://jqueryfordesigners.com/api-filter-find/