### HyperLink 控件

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

HyperLink 控件又称超链接控件，该控件在功能上和 Html 的“<a href="">”控件相似，它显示模式为超级链接的形式。HyperLink 控件与大多数 Web 服务器控件不同，当用户单击 HyperLink 控件时并不会在服务器代码中引发事件，该控件只实现导航功能。图 1 为 HyperLink 控件。

图 1 HyperLink 控件

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

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

属性 | 说明
ID | 控件 ID
Text | 获取或设置 HyperLink 控件的文本标题
ImageUrl | 获取或设置为 HyperLink 控件显示的图像路径
NavigateUrl | 获取或设置单击 HyperLink 控件时链接到的 URL
Target | 获取或设置单击 HyperLink 控件时显示链接到的 Web 页内容的目标窗口或框架
Enabled | 获取或设置一个值，该值指示是否启用 Web 服务器控件

下面介绍一下 HyperLink 控件的一些重要属性。

q NavigateUrl 属性

NavigateUrl 属性用来设置单击 HyperLink 控件时要链接到的网页地址，其设置方法可参见 LinkButton 控件的 PostBackUrl 属性设置方法。

q Target 属性

Target 属性表示下一个框架或窗口显示样式，Target 属性值一般以下划线开头，其常用成员及说明如表 2 所示。

表 2 Target 属性成员及说明

成员 | 说明
_blank | 在没有框架的新窗口中显示链接页
_self | 在具有焦点的框架中显示链接页
_top | 在没有框架的全部窗口中显示链接页
_parent | 在直接框架集父级窗口或页面中显示链接页

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

下面示例通过设置 HypeiLink 控件的外观属性来控制其外观显示，并通过设置其 NavigateUrl 属性指定该控件的超链接页面。执行程序，示例运行结果如图 3 所示，单击图 3 上的【HyperLink】超链接按钮，页面链接到 Default2.aspx 上，运行结果如图 4 所示。

图 3 HyperLink 控件示例

图 4 HyperLink 控件链接页面

程序实现的主要步骤：

新建一个网站，默认主页为 Default.aspx，然后再添加一个用于超链接的页 Default2.aspx，在 Default.aspx 页面上添加一个 HyperLink 控件，其属性设置如表 3 所示。

表 3 HyperLink 控件属性设置

属性名称 | 属性值
ID | HyperLink1
BorderColor | #8080FF
BorderWidth | 2px
NavigateUrl | ~/Default2.aspx（链接页面）
Target | _top
ImageUrl | ~/images/image1.gif（图片的相对 URL）

### 应用锦囊

#### 1．点击按钮弹出新窗口

在开发网站时，经常会遇到单击前台页面的“后台登录”按钮，弹出一个新窗口，用于输入登录后台的用户名和密码。单击 Button 按钮弹出一个新窗口的代码下：

protected void Button1_Click(object sender, EventArgs e)

{

Response.Write("<script language='javascript'>window.open('NewPage.aspx','','width=335,height=219')</script>");

}

在打开的新窗口中，可以单击 Button 按钮关闭该窗口，该按钮的 Click 事件代码如下：

protected void Button1_Click(object sender, EventArgs e)

{

Response.Write("<script language='javascript'>window.close()</script>");

}

#### 2．打开 Outlook 窗口发送邮件

在开发网站时，经常会遇到点击“联系管理员”按钮，打开 Outlook 窗口发送邮件，实现该功能，可以将 HyperLink 控件的 NavigateUrl 属性值设置为 mailto:mingrisoft@mingrisoft.com。

#### 3．设置 IE 主页

在开发网站时，经常会遇到点击“设置主页”按钮，将指定的网页设置为 IE 主页，实现该功能，可以将 LinkButton 按钮的 OnClientClick 属性设置为“this.style.behavior='url(#default#homepage)';this.sethomepage('hppt://www.mingrisoft.com')。