HyperLink控件

1HyperLink控件的概述

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

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.aspxDefault.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')