JSF 2：如何包含样式表和javascript？答案

【问题标题】：JSF 2:How include style sheets and javascript?JSF 2：如何包含样式表和javascript？
【发布时间】：2011-07-27 18:03:20
【问题描述】：

我遇到了一个奇怪的问题，如果我的页面 index.xml 是：

<html   xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets">

    <head>
    //.. import css and javascript
    </head>
    <body>
    // .. my page content
    </body>
</html>

一切都还好，但是，如果我将 <head> 更改为 <h:head> 和 <body> 更改为 </h:body> 我的页面似乎不能很好地应用该样式，据我所知，我的 javascript 文件似乎是未在页面中应用。为什么会这样？我已经尝试更改为<h:outputScript library="javascript" name="file.js" />，但它也不起作用。

有什么想法吗？为什么会这样？

【问题讨论】：

如何在 web.xml 中设置 FacesServlet 的映射？我怀疑您使用错误的 url 来查看页面。例如，如果映射是 *.jsf 您应该使用 example.com/app/index.jsf 来正确解析页面。
嗨 Giorgos，我的页面已正确解析，但我的 javascripts 不是。
如果你在浏览器中查看页面源码，JS和CSS位是否被JSF渲染？
您能否编辑您的帖子以包含源文件和呈现页面的确切语法？然后我们可以做出更明智的猜测。我还建议使用 Chromium 的 Web 开发人员工具。在那里你可以检查你的资源是否正确加载。
我的问题的解决方案在这里：stackoverflow.com/questions/6928298/…

标签： java jsf jsf-2

【解决方案1】：

使用上面的这个body，然后你可以直接在你的jsp中使用这些方法

<script src="${pageContext.request.contextPath}/yourJSFile.js" type="text/javascript"/>

<link rel="stylesheet"  href="${pageContext.request.contextPath}/yourCSSFile.css"    type="text/css" />

yourJS.js yourCSS.css 文件应该在你的 WebContent(${pageContext.request.contextPath}) 下。最好为您的 js、css、页面等维护单独的文件夹。

【讨论】：