超連結控制元件相當於實現了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"

            HyperLink

        </asp:HyperLink>

上述程式碼將文字形式顯示的超連結變為了圖片形式的超連結，雖然表現形式不同，但是不管是圖片形式還是文字形式，全都實現的相同的效果。

2．Navigate屬性

Navigate屬性可以為無論是文字形式還是圖片形式的超連結設定超連結屬性，即即將跳轉的頁面，示例程式碼如下所示。

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

            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