如何在 JSf 文件中实现 CSS 和 JavaScript？答案

【问题标题】：how to implement CSS and JavaScript in JSf File?如何在 JSf 文件中实现 CSS 和 JavaScript？
【发布时间】：2011-09-21 04:06:11
【问题描述】：

我正在使用 jsf 开发时间跟踪器应用程序。我已经完成了验证部分。现在谁能帮我看看如何在jsf中实现CSS和JS。

提前致谢。

【问题讨论】：

【解决方案1】：

没有什么特别的。你可以像没有 jsf 的情况下那样做。以下是一些示例：http://www.ibm.com/developerworks/web/library/wa-aj-jsfcss1/index.html

【讨论】：

【解决方案2】：

使用 JSF 的目的是避免编写 JavaScript，除非绝对必要。 JSF 允许您specify the .css file 或使用已经可用的皮肤对整个应用程序进行皮肤，这将取决于您选择的 JSF 实现。您只需在faces-config.xml 中添加一个标签。

<skin-family>myskin</skin-family>

如果您可以更具体地说明您试图通过 JS 完成的工作，我相信 BalusC 和其他人会建议您通过 JSF 本身更简单地完成它。

【讨论】：

【解决方案3】：

您的问题有不同的解决方案，具体取决于您想做什么。

你可以使用
```
<h:outputScript ... />
<h:outputStylesheet ... />
```
在页面中包含某些脚本或样式表。
您可以使用模板来包含标准样式表和脚本应该在每个页面上都可用。
您可以使用 JSF 的“styleClass”和“style”属性 CSS 样式和 JS 事件处理程序（如 onclick）的组件， onblur 等来调用你喜欢的任何 javascript。

HTH

【讨论】：