jsf-2 - 如何在 HTML 上显示 javascript 值

Question

在 JSF 中，我使用：rich:popupPanel 来显示一些由 Javascript 计算的信息。通常我经常使用 h:outputText 来显示值，但我不知道如何在 HTML 上显示 javascript 值。我可以用 h:outputText 显示它吗？谢谢

Answer 1

忽略 JSF，只使用普通的 JavaScript/HTML DOM 方式。JSF 对他们来说仅仅是一个 HTML 代码生成器。JS 对 JSF 源代码一无所知，它所能访问的只是其生成的 HTML 源代码（正如您通过右键单击并在 web 浏览器中查看源代码所看到的那样）。

想象一下，JSF 生成了以下 HTML，例如，通过<h:outputText id="foo">或只是按原样硬编码（您可以在 JSF 页面中编写纯 HTML，你知道吗？）：

<span id="foo"></span>

然后你可以使用 JS 来用一个 JS 变量填充它的节点值：

var foo = "some value";
document.getElementById("foo").innerHTML = foo;

这最终将在 HTML DOM 中动态显示，如下所示，它也会在 UI 中直观地反映出来：

<span id="foo">some value</span>