- JSF 教程
- JSF - 首頁
- JSF - 概述
- JSF - 環境設定
- JSF - 架構
- JSF - 生命週期
- JSF - 第一個應用程式
- JSF - 託管 Bean
- JSF - 頁面導航
- JSF - 基本標籤
- JSF - Facelet 標籤
- JSF - 轉換器標籤
- JSF - 驗證器標籤
- JSF - DataTable
- JSF - 複合元件
- JSF - Ajax
- JSF - 事件處理
- JSF - JDBC 整合
- JSF - Spring 整合
- JSF - 表示式語言
- JSF - 國際化
- JSF 有用資源
- JSF - 快速指南
- JSF - 有用資源
- JSF - 討論
JSF - h:Link
h:Link 標籤渲染 HTML 的“錨”元素。
JSF 標籤
<h:link value = "Page 1" outcome = "page1" />
渲染輸出
<a href = "/helloworld/page1.jsf>Page 1</a>
標籤屬性
| 序號 | 屬性 & 描述 |
|---|---|
| 1 | id 元件的識別符號 |
| 2 | binding 對可以在支援 Bean 中使用的元件的引用 |
| 3 | rendered 布林值;false 抑制渲染 |
| 4 | styleClass 級聯樣式表 (CSS) 類名 |
| 5 | value 元件的值,通常是值繫結 |
| 6 | valueChangeListener 對響應值更改的方法的繫結 |
| 7 | converter 轉換器類名 |
| 8 | validator 建立並附加到元件的驗證器的類名 |
| 9 | required 布林值;如果為 true,則需要在關聯欄位中輸入值 |
| 10 | accesskey 鍵,通常與系統定義的元鍵組合使用,用於將焦點賦予元素 |
| 11 | accept 表單的內容型別的逗號分隔列表 |
| 12 | accept-charset 表單的字元編碼的逗號或空格分隔列表。accept-charset 屬性使用名為acceptcharset 的 JSF HTML 屬性指定。 |
| 13 | alt 非文字元素(如影像或小程式)的替代文字 |
| 14 | border 元素邊框寬度的畫素值 |
| 15 | charset 連結資源的字元編碼 |
| 16 | coords 形狀為矩形、圓形或多邊形的元素的座標 |
| 17 | dir 文字的方向。有效值為ltr(從左到右)和rtl(從右到左) |
| 18 | hreflang 使用href 屬性指定的資源的基本語言;hreflang 只能與href 一起使用。 |
| 19 | lang 元素屬性和文字的基本語言 |
| 20 | maxlength 文字欄位的最大字元數 |
| 21 | readonly 輸入欄位的只讀狀態;可以在只讀欄位中選擇文字,但不能編輯 |
| 22 | rel 當前文件與使用href 屬性指定的連結之間的關係 |
| 23 | rev 從使用href 指定的錨點到當前文件的反向連結。屬性的值是連結型別的空格分隔列表 |
| 24 | size 輸入欄位的大小 |
| 25 | style 內聯樣式資訊 |
| 26 | tabindex 指定選項卡索引的數值 |
| 27 | target 開啟文件的框架的名稱 |
| 28 | title 用於輔助功能的標題,描述元素。可視瀏覽器通常為標題的值建立工具提示 |
| 29 | type 連結的型別;例如,stylesheet |
| 30 | width 元素的寬度 |
| 31 | onblur 元素失去焦點 |
| 32 | onchange 元素的值發生變化 |
| 33 | onclick 滑鼠按鈕在元素上單擊 |
| 34 | ondblclick 滑鼠按鈕在元素上雙擊 |
| 35 | onfocus 元素獲得焦點 |
| 36 | onkeydown 按下鍵 |
| 37 | onkeypress 按下鍵並隨後釋放 |
| 38 | onkeyup 釋放鍵 |
| 39 | onmousedown 滑鼠按鈕在元素上按下 |
| 40 | onmousemove 滑鼠在元素上移動 |
| 41 | onmouseout 滑鼠離開元素區域 |
| 42 | onmouseover 滑鼠移動到元素上 |
| 43 | onmouseup 釋放滑鼠按鈕 |
| 44 | onreset 表單重置 |
| 45 | onselect 在輸入欄位中選擇文字 |
示例應用程式
讓我們建立一個測試 JSF 應用程式來測試上述標籤。
| 步驟 | 描述 |
|---|---|
| 1 | 在包om.tutorialspoint.test下建立一個名為helloworld的專案,如JSF - 第一個應用程式章節中所述。 |
| 2 | 修改home.xhtml,如下所述。保持其餘檔案不變。 |
| 3 | 編譯並執行應用程式,以確保業務邏輯按要求工作。 |
| 4 | 最後,以 war 檔案的形式構建應用程式,並將其部署到 Apache Tomcat Web 伺服器中。 |
| 5 | 使用如下所述的適當 URL 啟動您的 Web 應用程式。 |
home.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">
<head>
<title>JSF Tutorial!</title>
</head>
<body>
<h2>h:Link example</h2>
<hr />
<h:form>
<h:link value = "Page 1" outcome = "page1" />
</h:form>
</body>
</html>
完成所有更改後,讓我們像在 JSF - 第一個應用程式章節中所做的那樣編譯並執行應用程式。如果您的應用程式一切正常,這將產生以下結果。