将 CSS 或 JS 添加到 Woodstock JSF 页面答案

【问题标题】：Adding CSS or JS to Woodstock JSF page将 CSS 或 JS 添加到 Woodstock JSF 页面
【发布时间】：2010-11-07 14:28:09
【问题描述】：

在我放弃之前，我尝试让它工作了 2 个多小时。

使用 JSF（伍德斯托克图书馆）是必需的（尽管我现在讨厌它！）。

如何将 CSS 或 JavaScript 添加到 JSF 页面并使其正常工作？

【问题讨论】：

您使用的是哪些库？小脸？富人？钺？ Icefaces？...请准确一点。
我正在使用木料
请记住，Woodstock 库不再受支持。
"我必须使用 JSF。我讨厌它！" - 你讨厌它只是因为你不知道如何用它做事（比如嵌入 CSS）？你也讨厌编程吗？ ;)
JSF 很棒。伍德斯托克是个耻辱。幸运的是它现在已经死了。

标签： jsf netbeans woodstock

【解决方案1】：

您可以使用通常的嫌疑人：<script> 和 <style>。根据您的 JSF 版本，您可能需要将它们包装在 <f:verbatim> 标记中。

【讨论】：

【解决方案2】：

这是我的做法：

<f:view>
<html>
    <head>
        <link rel="stylesheet" href="./style.css" />
    </head>
    <body>
        <h:outputText value="Test style" style="background-color: red;" />
        <h:outputText value="Test style class" styleClass="testClass" />
    </body>
</html>
</f:view>

【讨论】：

【解决方案3】：

只需使用：

   <h:head>
    <h:outputStylesheet library="css" name="css/style.css"  />
   </h:head>

对于 JS 使用这个标签：

 <h:outputScript>

【讨论】：

抱歉，这行不通。 OP 明确表示他正在使用伍德斯托克。您的语法只能从 JSF 2.0 开始使用。