分享
 
 
 

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

王朝学院·作者佚名  2009-11-24
窄屏简体版  字體: |||超大  

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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有