### ImageButton 控件

#### 1．ImageButton 控件的概述

ImageButton 控件为图像按钮控件，它用于显示具体的图像，在功能上和 Button 控件相同。图 1 为 ImageButton 控件。

图 1 ImageButton 控件

（1）ImageButton 控件常用属性

ImageButton 控件常用属性及说明如表 1 所示。

表 1 ImageButton 控件常用属性及说明

属性 | 说明
ID | 控件 ID
AlternateText | 在图像无法显示时显示的替换文字
CausesValidation | 获取或设置一个值，该值指示在单击 ImageButton 控件时是否执行了验证
ImageUrl | 获取或设置在 ImageButton 控件中显示的图像的位置
Enabled | 获取或设置一个值，该值指示是否可以单击 ImageButton 以执行到服务器的回发
PostBackUrl | 获取或设置单击 ImageButton 控件时从当前页发送到的网页的 URL

ImageButton 控件大部分属性设置同 Button 控件类似，下面主要介绍一下 ImageUrl 属性和 AlternateText 属性。

q ImageUrl 属性

ImageUrl 属性用于设置在 ImageButton 控件中显示图像的位置（URL）。在设置 ImageUrl 属性值时，可以使用相对 URL，也可以使用绝对 URL。相对 URL 使图像的位置与网页的位置相关联，当整个站点移动到服务器上的其他目录时，不需要修改 ImageUrl 属性值；而绝对 URL 使图像的位置与服务器上的完整路径相关联，当改更站点路径时，需要修改 ImageUrl 属性值。笔者建议，在设置 ImageButton 控件的 ImageUrl 属性值时，使用相对 URL。

q AlternateText 属性

使用此属性指定在 ImageUrl 属性中指定的图像不可用时显示的文本。

（2）ImageButton 控件常用事件

ImageButton 控件常用的事件是 Click 事件，该事件是在单击 ImageButton 控件时引发的事件。

#### 2．使用 ImageButton 控件显示图片并实现超链接

下面示例主要通过设置 ImageButton 控件的 ImageUrl 属性和 PostBackUrl 属性来指定该控件的显示图片和超级链接页面。执行程序，示例运行结果如图 2 所示，单击图 2 上的【ImageButton】超级链接图片，页面链接到 Default2.aspx 上，运行结果如图 3 所示。

图 2 ImageButton 控件

图 3 ImageButton 控件链接页面

程序实现的主要步骤：

新建一个网站，默认主页为 Default.aspx，然后再添加一个新页 Default2.aspx，以便与 Default.aspx 进行链接，在 Default.aspx 页面上添加一个 ImageButton 控件，其属性设置如表 2 所示。

表 2 ImageButton 控件属性设置

属性名称 | 属性值
ID | ImageButton1
AlternateText | ImageButton 按钮
BorderColor | Black
BorderWidth | 2px
ImageUrl | ~/image/Image1.gif（图片的相对 URL）
PostBackUrl | ~/Default2.aspx（链接页面）