JSF - h:graphicImage

h:graphicImage 标签渲染一个类型为“img”的 HTML 元素。

JSF 标签

<h:graphicImage  
   value = "https://tutorialspoint.com/images/jsf-mini-logo.png"/>

渲染输出

<img src = "https://tutorialspoint.com/images/jsf-mini-logo.png" />

标签属性

序号	属性和描述
1	id 组件的标识符
2	binding 对可以在支持 Bean 中使用的组件的引用
3	rendered 布尔值；false 抑制渲染
4	styleClass 层叠样式表 (CSS) 类名
5	value 组件的值，通常是值绑定
6	alt 非文本元素（如图像或小程序）的替代文本
7	dir 文本方向。有效值为ltr（从左到右）和rtl（从右到左）
8	lang 元素属性和文本的基本语言
9	style 内联样式信息
10	tabindex 指定选项卡索引的数值
11	target 在其中打开文档的框架的名称
12	title 一个标题，用于辅助功能，描述一个元素。可视浏览器通常为标题的值创建工具提示
13	usemap 元素的 usemap
14	url 图像的 URL
15	width 元素的宽度
16	onblur 元素失去焦点
17	onchange 元素的值发生变化
18	onclick 鼠标按钮在元素上单击
19	ondblclick 鼠标按钮在元素上双击
20	onfocus 元素获得焦点
21	onkeydown 按键按下
22	onkeypress 按键按下并随后释放
23	onkeyup 按键释放
24	onmousedown 鼠标按钮在元素上按下
25	onmousemove 鼠标在元素上移动
26	onmouseout 鼠标离开元素区域
27	onmouseover 鼠标移动到元素上
28	onmouseup 鼠标按钮释放

示例应用程序

让我们创建一个测试 JSF 应用程序来测试上述标签。

步骤	描述
1	在包com.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:graphicImage example</h2>
      <hr />
      
      <h:form>      
         <h3>Image</h3>
         <h:graphicImage value = "/images/jsf-mini-logo.png"/>
      </h:form>
   </body>
</html>

一旦您完成了所有更改，让我们像在 JSF - 第一个应用程序章节中所做的那样编译并运行应用程序。如果您的应用程序一切正常，这将产生以下结果。

jsf_basic_tags.htm

打印页面

上一个

下一个