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輸出腳本
h:outputScript
標籤呈現類型爲「text/javascript
」的「script
」類型的HTML元素。此標籤將外部JavaScript文件添加到JSF頁面。
以下JSF標籤 -
<h:outputScript library="js" name="help.js" />
被渲染成以下HTML代碼 -
<script type="text/javascript"
src="/helloworld/javax.faces.resource/help.js.jsf?ln=js"></script>
示例
以下是文件:common.js
中的代碼 -
document.write('yiibai.com');
以下是文件:UserBean.java
中的代碼 -
package com.yiibai;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="user")
@SessionScoped
public class UserBean{
}
以下是文件:index.xhtml
中的代碼 -
<?xml version="1.0" encoding="UTF-8"?>
<!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://java.sun.com/jsf/html">
<h:head></h:head>
<h:body>
<h:outputScript library="js" name="common.js" target="head" />
</h:body>
</html>
執行測試
使用 NetBeans 創建一個Web工程,名稱爲:Outputscript,並使用以上代碼。運行項目,Tomcat啓動完成後,在瀏覽器地址欄中輸入以下URL。
http://localhost:8084/Outputscript
得到以下結果 -