JSF Relocatable Resources

JSF provides a facility to place your resources at any section of your web page and render it to another section. . You can relocate your resource by specifying target attribute.

You can pass following attributes to relocate in the target attribute.

head: It is used to render the resource in head section.

body: It is used to render the resource in the body section,

form: It is used to render the resource in the form section.


# JSF Relocatable Resources Example

In the following example, we have placed JavaScript file inside the form tag and specified target to head section.

// index.xhtml


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html">
<h:head>
<title>Web Resources Example</title>
</h:head>
<h:body>
<h:form>
<h:outputScript  library="js" name="test.js" target="head"/>
</h:form>
</h:body>
</html>

Source code of the above web page(index).

You can see that the JavaScript is relocated into the head section.

JSF Relocatable resources 1