理论教育 超链接控件实现HTML代码

超链接控件实现HTML代码

时间:2023-11-20 理论教育 版权反馈
【摘要】:超链接控件相当于实现了HTML代码中的“”效果。其中图片“http://www.chinasward.com/images/cms.jpg”,当单击此超链接控件后,浏览器将跳到URL为“http://www.chinasward.com”的页面。

超链接控件实现HTML代码

超链接控件相当于实现了HTML代码中的“<a href=“”></a>”效果。当然,超链接控件有自己的特点,当拖动一个超链接控件到页面时,系统会自动生成控件声明代码。示例代码如下:

上述代码声明了一个超链接控件,相对于HTML代码形式,超链接控件可以通过传递指定的参数来访问不同的页面。当触发了一个事件后,超链接的属性可以被改变。超链接控件通常使用的两个属性如下:

ImageUrl,要显示图像的URL。

NavigateUrl,要跳转的URL。

1.ImageUrl属性

设置ImageUrl属性可以设置这个超链接是以文本形式显示还是以图片形式显示,示例代码如下:

上述代码将文本形式显示的超链接变为了图片形式的超链接,虽然表现形式不同,但是不管是图片形式还是文本形式,全都实现相同的效果。(www.daowen.com)

2.Navigate属性

Navigate属性可以为无论是文本形式还是图片形式的超链接设置超链接属性,即将跳转的页面示例代码如下:

上述代码使用了图片超链接的形式。其中图片“http://www.chinasward.com/images/cms.jpg”,当单击此超链接控件后,浏览器将跳到URL为“http://www.chinasward.com”的页面。

3.动态跳转

在前面的小节讲解了超链接控件的优点,超链接控件的优点在于能够对控件进行编程,来按照用户的意愿跳转到相应的页面。以下代码实现了当用户选择qq时,会跳转到腾讯网站,如果选择sohu,则会跳转到sohu页面,示例代码如下:

上述代码使用了DropDownList控件,当用户选择不同的值时,对HyperLink1控件进行操作。当用户选择qq时,则为HyperLink1控件配置,链接为http://www.qq.com,否则配置链接为http://www.sohu.com。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈