如何使用带有 hashbang URL 的页面内 HTML 锚（在 GWT 中）？答案

【问题标题】：How to use in-page HTML anchors with hashbang URLs (in GWT)?如何使用带有 hashbang URL 的页面内 HTML 锚（在 GWT 中）？
【发布时间】：2012-07-17 10:07:48
【问题描述】：

我在实现页内 HTML 锚点时遇到了一点问题，同时还通过 hashbang 获得了可收藏的 URL。描述很简单：

我访问了我的应用程序的一些 URL：http://www.mypage.com/Test.html#!mycontent

在这个页面上有很多文本，我需要一些 HTML 锚点来导航。在旧式 HTML 中，我会写 <a href="#myAnchor">AnchorText</a>。

但是当我在我的 GWT 应用程序中单击此链接时，URL 更改为：http://www.mypage.com/Test.html#myAnchor

GWT 平台识别出这一变化并将我转回我的DefaultPlace。这很清楚，因为它无法将 URL 与演示者相关联。

所以现在（简单的）问题是：如何在使用页内导航的同时拥有 hashbang URL？

【问题讨论】：

您希望页内导航也成为历史的一部分吗？因为当您使用旧式 HTML 标签时，无论您的解决方案如何，它们都将成为历史的一部分。因此，即使您的代码正确运行，浏览器也会将页内导航放在历史堆栈中。

标签： gwt anchor gwt-platform hashbang gwt-places

【解决方案1】：

你如何构建你的锚？
如果您是静态执行此操作，为什么现在只需将 ! 添加到 href 中？：
<a href="!#myAnchor">AnchorText</a>

更新：好的，您可以使用Hyperlink 或InlineHyperlink 并将targetHistoryToken 值设置为#!myAnchor，而不是普通的Anchor：

<g:InlineHyperlink ui:field="diversityLink" targetHistoryToken="!#myAnchor">MyAnchor</g:InlineHyperlink>

【讨论】：