如何为JSF的action或outcome属性添加URL哈希

直接在outcome属性里拼接#myHash的做法行不通——JSF会把#后面的内容当成导航规则的一部分解析，不会生成你想要的URL哈希。下面是几种靠谱的实现方式：

1. 使用<h:link>的fragment属性（推荐） #

JSF 2.0及以上版本为<h:link>提供了专门的fragment属性，用来指定URL哈希，用法非常简单：

<h:link outcome="/sites/test.xhtml" value="test" fragment="myHash">
    <f:param name="foo" value="fooValue" />
</h:link>

生成的最终URL会是/sites/test.xhtml?foo=fooValue#myHash，完全符合预期。

2. 基于Action方法的导航（如<h:commandLink>） #

如果是通过后端bean的action方法实现导航，可以直接构造带哈希的URL并重定向：

public void navigateToTest() throws IOException {
    ExternalContext ec = FacesContext.getCurrentInstance().getExternalContext();
    // 先编码URL参数
    String baseUrl = ec.encodeRedirectURL("/sites/test.xhtml", null);
    // 拼接哈希后重定向
    ec.redirect(baseUrl + "?foo=fooValue#myHash");
}

这种方式直观可控，适合需要动态生成哈希值的场景。

3. 页面加载后通过JS跳转（备选方案） #

你提到的先导航再跳转组件的方式也能实现，但会有页面加载后的闪烁感，适合无法直接在URL中添加哈希的场景：
在目标页面test.xhtml中添加以下JS代码：

<script>
    window.addEventListener('DOMContentLoaded', () => {
        // 直接跳转到指定ID的组件
        document.getElementById('myHash')?.scrollIntoView({ behavior: 'smooth' });
        // 或者直接设置URL哈希
        window.location.hash = '#myHash';
    });
</script>

内容的提问来源于stack exchange，提问作者djmj