首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Javascript /使用不同的方法可以使用锚处理浏览器回退按钮?

使用Javascript /使用不同的方法可以使用锚处理浏览器回退按钮?
EN

Stack Overflow用户
提问于 2011-06-01 11:51:08
回答 2查看 7K关注 0票数 3

目前,我在一个使用Ajax调用和非阻塞JS的网站上进行良好的导航。我正在捕捉链接上的单击事件,加载内容,将其附加到div,然后返回false。这是相当好的工作,也允许谷歌爬行网站与特定的URL。

但我不知道如何处理浏览器返回按钮。当用户单击“后退”按钮时,我找到了这个解决方案来捕捉事件:

http://www.bajb.net/2010/02/browser-back-button-detection/

效果很好。但是,当用户通过链接找到网站并希望返回到前一页时,我也希望back按钮正常工作(我不想陷害任何人)。

当我想到它的时候,最好的方法是使用锚。普通的后退按钮支持它们,您可以返回历史记录而无需重新加载页面(/#1 <- /#2 <- /#3等等)。

它的作用是这样的:

  • 在链接中使用普通URL,但捕获单击事件
  • 当用户单击时,加载内容并将其附加到DIV。
  • 使用锚(例如‘domain.com/#products/women- window.location’与window.location=“#products/women- anchor”)更改window.location=;
  • 当window.location发生变化时,获取锚点,读出路径并通过ajax获取内容,并将其附加到DIV中。

最后的部分对我来说还不太清楚,我需要帮助。

最后,我的问题是:这有意义吗?

谢谢!

EN

回答 2

Stack Overflow用户

发布于 2011-06-01 12:23:22

只需在将内容加载到href中之后将window.location.hash添加到div中即可。然后,您可以使用back按钮检测脚本加载散列中的任何内容。

票数 1
EN

Stack Overflow用户

发布于 2011-06-01 15:39:53

我使用这个伟大的jQuery插件:History.js解决了这个问题。

谢谢!

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6200647

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档