How to include JavaScript file in JSF

In JSF 2.0, you can use

<h:outputScript />

tag to render a HTML “script” element, and link it to a js file.

For example,

<h:outputScript library="js" name="common.js" />

It will generate following HTML output…

<script type="text/javascript"
src="/JavaServerFaces/faces/javax.faces.resource/common.js?ln=js">
</script>

JSF outputScript example

An example to show you how to use

<h:outputScript />

to render a “

common.js

“, see figure below :

JSF file

``



"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<h1>JSF 2 outputScript example</h1>

<h:outputScript library="js" name="common.js" />

</h:body>

It will generate following HTML output

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

JSF 2 outputScript example

The JS file will render in where JSF `<h:outputScript />` tag is placed.
##Target Attribute

In addition, you can use “`target`” attribute to control where to output the js file.

- target=”head” – Display within the top of HTML head tag.
- target=”body” – Display at the end of the body tag.
- no target – Display at where the tag is placed.

##For example

It will generate following HTML output


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

JSF 2 outputScript example

```