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个常见错误