gpt4 book ai didi

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

转载 作者:可可西里 更新时间:2023-11-01 13:39:50 27 4
gpt4 key购买 nike

我目前正在努力在使用 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上

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

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

谢谢!

最佳答案

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

关于javascript - 使用 anchor 可以使用 Javascript/不同方法处理浏览器后退按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6200647/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com