Adding CSS or JS to Woodstock JSF page

2019-10-07 17:12发布

问题:

I tried to make it work for over 2 hours before I gave up.

Using JSF (the Woodstock Library) is required (even though I hate it now!).

How can I add CSS or JavaScript to a JSF page and have it work?

回答1:

You can use the usual suspects: <script> and <style>. Depending on your JSF version, you may need to wrap them in a <f:verbatim> tag.



回答2:

Heres how I do it:

<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:

simply use :

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

for JS uses this tag :

 <h:outputScript>