asp.net超链接控件(HyperLink)

来源:互联网 发布:淘宝网页版怎么看提问 编辑:程序博客网 时间:2024/05/16 10:09

超链接控件相当于实现了HTML代码中的“<a href=“”></a>”效果,当然,超链接控件有自己的特点,当拖动一个超链接控件到页面时,系统会自动生成控件声明代码,示例代码如下所示。

        <asp:HyperLink ID="HyperLink1" runat="server">HyperLink</asp:HyperLink>

上述代码声明了一个超链接控件,相对于HTML代码形式,超链接控件可以通过传递指定的参数来访问不同的页面。当触发了一个事件后,超链接的属性可以被改变。超链接控件通常使用的两个属性如下所示:

q ImageUrl:要显式图像的URL。

q NavigateUrl:要跳转的URL。

1.ImageUrl属性

设置ImageUrl属性可以设置这个超链接是以文本形式显式还是以图片文件显式,示例代码如下所示。

        <asp:HyperLink ID="HyperLink1" runat="server"

            ImageUrl="http://www.shangducms.com/images/cms.jpg">

            HyperLink

        </asp:HyperLink>

上述代码将文本形式显示的超链接变为了图片形式的超链接,虽然表现形式不同,但是不管是图片形式还是文本形式,全都实现的相同的效果。

2.Navigate属性

Navigate属性可以为无论是文本形式还是图片形式的超链接设置超链接属性,即即将跳转的页面,示例代码如下所示。

        <asp:HyperLink ID="HyperLink1" runat="server"

            ImageUrl="http://www.shangducms.com/images/cms.jpg"

            NavigateUrl="http://www.shangducms.com">

            HyperLink

        </asp:HyperLink>

上述代码使用了图片超链接的形式。其中图片来自“http://www.shangducms.com/images/cms.jpg”,当点击此超链接控件后,浏览器将跳到URL为“http://www.shangducms.com”的页面。

3.动态跳转

在前面的小结讲解了超链接控件的优点,超链接控件的优点在于能够对控件进行编程,来按照用户的意愿跳转到自己跳转的页面。以下代码实现了当用户选择QQ时,会跳转到腾讯网站,如果选择SOHU,则会跳转到SOHU页面,示例代码如下所示。

        protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

        {

            if (DropDownList1.Text == "qq") //如果选择qq

            {

                HyperLink1.Text = "qq"; //文本为qq

                HyperLink1.NavigateUrl = "http://www.qq.com"; //URL为qq.com

            }

            else //选择sohu

            {

                HyperLink1.Text = "sohu"; //文本为sohu

                HyperLink1.NavigateUrl = "http://www.sohu.com"; //URL为sohu.com

            }

        }

上述代码使用了DropDownList控件,当用户选择不同的值时,对HyperLink1控件进行操作。当用户选择qq,则为HyperLink1控件配置连接为http://www.qq.com。

注意:与标签控件相同的是,如果只是为了单纯的实现超链接,同样不推荐使用HyperLink控件,因为过多的使用服务器控件同样有可能造成性能问题。
 
本篇文章来源于 网络天空教程网 www.wangluosky.cn 原文出处:http://www.wangluosky.cn/show.asp?id=2256