javascript - 使用 anchor 可以使用 Javascript/不同方法处理浏览器后退按钮？

Question

我目前正在努力在使用 Ajax 调用和不显眼的 JS 的网站上实现良好的导航。我正在捕获链接上的点击事件，加载内容，将其附加到 div，然后返回 false。这非常有效，并且还允许 Google 使用 speaky URL 抓取网站。

但我不知道如何处理浏览器后退按钮。我发现这个解决方案可以在用户单击后退按钮时捕获事件:

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

效果很好。但我也希望当用户通过链接找到网站并想返回上一页时，后退按钮可以正常工作(我不想困住任何人)。

当我想到最好的方法是使用 anchor 。普通的后退按钮支持它们，您可以在不重新加载页面的情况下返回历史记录(/#1 <-/#2 <-/#3 等)

它会像这样工作:

• 在链接中使用普通 URL，但捕获点击事件
• 当用户点击时，加载内容并将其附加到 DIV
• 更改 window.location，使用 anchor (例如 'domain.com/#products/women-clothing' 和 window.location="#products/women-clothing";)
• 当window.location发生变化时，获取 anchor ，读出路径并通过ajax获取内容，附加到一个DIV上

只有最后一部分对我来说不是很清楚，在这里我可能需要帮助。

最后，我的问题是:这有意义吗？

谢谢!

Answer 1

将内容加载到div 后，只需将href 添加到window.location.hash。然后，您可以使用该后退按钮检测脚本来加载散列中的内容。