html - 使用 JSF h:outputLink 生成页面锚点

Question

简单的问题：

你如何创建一个 HTML 锚，如

<a id="organization" />

使用JSF，例如

<h:outputLink ... />

还是其他 JSF 链接组件？有可能吗？

Answer 1

你可以用<h:link>它。它的id属性变为<a id>and <a name>。

<h:link id="organization" value="Organization" fragment="organization" />

它生成以下 HTML：

<a id="organization" name="organization" href="/currentcontext/currentpage.xhtml#organization">Organization</a>

但是在 JSF/HTML 中仅使用普通的<a>甚至是完全合法的作为跳转目标。<span><div>

<span id="organization">Organization</span>

为了创建一个跳转到该链接的链接，请使用<h:link fragment>without id：

<h:link value="Jump to organization" fragment="organization" />

生成的 HTML 将如下所示：

<a href="/currentcontext/currentpage.xhtml#organization">Jump to organization</a>

Answer 2

为什么不使用

<h:outputLink value="www.yourweb/somePage#anchor" />

或者如果它在同一页面上

<h:outputLink value="#anchor" />    

Answer 3

<h:link value="test" outcome="icerik">
    <f:param name="id" value="#{icerik.id}" />
</h:link>

这链接到icerik.xhtml?id=2并且看起来像<a href="icerik.xhtml.?id=2">test</a>