JSFJSF用戶界面組件模型
JSF UI組件示例
JSF <h:inputText>標籤
JSF <h:outputText>標籤
JSF <h:form>標籤
JSF <h:commandButton>標籤
JSF <h:inputtextarea>標籤
JSF <h:commandLink>標籤
JSF <h:inputSecret>標籤
JSF <h:inputHidden>標籤
JSF <h:inputFile>標籤
JSF <h:graphicImage>標籤
JSF <h:message>標籤
JSF <f:ajax>標籤
JSF單選按鈕
JSF表單組合框
JSF列表框
JSF多選列表框
JSF輸出格式化
JSF輸出樣式
JSF <h:attribute>標籤
JSF <h:setPropertyActionListener>標籤
JSF可重定位資源
JSF提供了將您的資源放置在網頁的任何部分並將其呈現給另一部分的工具。您可以通過指定目標屬性重新定位您的資源。
您可以將以下屬性傳遞到目標屬性中重新定位。
head：用於在頭部渲染資源。
body：它用於在body部分渲染資源，
form：用於在表單部分呈現資源。
JSF可重定位資源示例
在下面的例子中，我們將JavaScript文件放在form標籤中，並將目標指定給head部分。
文件：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>運行後，在瀏覽器中查看上述網頁的源代碼。您可以看到JavaScript被重新定位到頭部。