WEB开发网
开发学院WEB开发ASP.NET ASP.NET - HyperLink Web 服务器控件概述 阅读

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

 2009-11-23 16:52:23 来源:WEB开发网   
核心提示: HyperLink Web 服务器控件可在网页上创建链接,使用户可以在应用程序中的页间移动,ASP.NET - HyperLink Web 服务器控件概述, 一、背景 使用 HyperLink 控件的主要优点是可以在服务器代码中设置链接属性,例如,asp.net 提供输入请求验证功能以阻止用户输入中的脚本和 HTML
   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>

Tags:ASP NET HyperLink

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接