ASP.NET - HyperLink Web 服務器控件概述

2019-11-17 04:01:47

字體：大中小

來源：轉載

供稿：網友

     HyperLink Web 服務器控件可在網頁上創建鏈接，使用戶可以在應用程序中的頁間移動。

一、背景

使用 HyperLink 控件的主要優點是可以在服務器代碼中設置鏈接屬性。例如，您可以根據頁面中的條件動態更改鏈接文本或目標頁。

安全說明：與超鏈接相關聯的 URL 可能會被用戶惡意篡改。

使用 HyperLink 控件的另一個優點是，可以使用數據綁定來指定鏈接的目標 URL（以及必要時與鏈接一起傳遞的參數）。典型的示例就是根據產品列表創建 HyperLink 控件。目標 URL 指向用戶可以在其中讀取有關產品的更多詳細信息的頁面。

提示：如果需要創建 HyperLink 數據綁定控件，執行此操作的一種簡單方法是將它們添加為這些控件的子級：Repeater、DataList、GridView、FormView 或 DetailsView。

HyperLink 控件可以顯示可單擊的文本或圖像。

與大多數 Web 服務器控件不同，當用戶單擊 HyperLink 控件時并不會在服務器代碼中引發事件。此控件只執行導航。

二、如何：向 Web 窗體頁添加 HyperLink Web 服務器控件 (Visual Studio)

      您可以向 Web 窗體頁添加超鏈接，方法是在頁面上放置 HyperLink Web 服務器控件并將它與一個 URL 相關聯。您可以指定以文本方式或圖形方式呈現 HyperLink 控件。

1、從工具箱的“標準”選項卡中，將 HyperLink 控件拖動到頁面上。

2、在“屬性”窗口的“外觀”類別中，通過下面方法之一指定頁面上的鏈接的格式：

若要創建文本鏈接，請設置控件的 Text 屬性。您可以在屬性中包含 HTML 格式設置。例如，您可以將文本中的單個詞格式化為粗體，方法是在 Text 屬性中，在該詞的兩側放置一個 <B> 標記。

若要創建一個圖形鏈接，可以將控件的 ImageUrl 屬性設置為一個 .gif、.jpg 或其他 Web 圖形文件的 URL。

說明：如果同時設置了 ImageUrl 和 Text 屬性，則 ImageUrl 屬性優先。

3、在“屬性”窗口的“導航”類別下，將 NavigateUrl 屬性設置為要鏈接的頁面的 URL。

安全說明：與一個超鏈接相關聯的 URL 指向外部資源。如果您指向不屬于自己的資源，請確保您的用戶可以安全地使用這些資源。

4、或者，在“屬性”窗口的“導航”類別下，通過設置將在其中顯示鏈接頁面的目標窗口或框架的 ID 來指定 target。您可以通過名字指定窗口，也可以使用預定義的目標值（例如 _top、_parent 等）。

說明：可以使用樣式更改鏈接文本的外觀（例如是否加下劃線）。

下面的示例顯示如何在運行時設置 HyperLink 控件的屬性。此方法將處理 Button 控件的 Click 事件，并設置控件的鏈接文本和目標頁。

PRotected void Button1_Click (object sender, System.EventArgs e)

{

    this.HyperLink1.Text = "Home";

    this.HyperLink1.NavigateUrl = "http://www.microsoft.com/net/";

}

三、HyperLink 類

      使用 HyperLink 控件創建到其他網頁的鏈接。HyperLink 控件通常顯示為 Text 屬性指定的文本。它也可以顯示為 ImageUrl 屬性指定的圖像。

如果同時設置了 Text 和 ImageUrl 屬性，則 ImageUrl 屬性優先。如果圖像不可用，則顯示 Text 屬性中的文本。在支持工具提示功能的瀏覽器中，Text 屬性也變成工具提示。

      警告：此控件可用來顯示用戶輸入，而該輸入可能包含惡意的客戶端腳本。在應用程序中顯示從客戶端發送來的任何信息之前，請檢查它們是否包含可執行腳本、SQL 語句或其他代碼。asp.net 提供輸入請求驗證功能以阻止用戶輸入中的腳本和 HTML。還提供驗證服務器控件以判斷用戶輸入。

示例

下面的示例說明如何在鏈接到其他網頁的網頁上創建 HyperLink 控件。

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html  >

<head>

    <title>HyperLink Example</title>

</head>

<body>

<form id="Form1" runat="server">

   <h3>HyperLink Example</h3>

   Click on the HyperLink:<br />

   <asp:HyperLink id="hyperlink1"

                  ImageUrl="images/pict.jpg"

                  NavigateUrl="http://www.microsoft.com"

                  Text="Microsoft Official Site"

                  Target="_new"

                  runat="server"/>

</form>

</body>

</html>

上一篇：Perl 6 發布

下一篇：Perl的5個常見錯誤