Flex 实现类似HTML里的<A>标签的超链接功能

本文介绍了一个使用Flex实现的可点击HTML文本示例。通过定义一个Label组件并设置其htmlText属性为包含超链接样式的文本,当用户点击带有下划线的'click'文字时,会触发一个弹窗显示'click.'字样。此示例展示了如何在Flex中处理HTML内容及文本链接事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:view="view.*" creati>
<mx:String id="test">
<![CDATA[<a href="event:"><u>click</u></a> label]]>
</mx:String>
<mx:Script>
<![CDATA[
import mx.controls.Label;
import mx.controls.Alert;
private function initApp():void
{
var lbl:Label = new Label();
lbl.htmlText = test;
lbl.selectable = true;
lbl.addEventListener(TextEvent.LINK, label_link);
this.addChild(lbl);


}
private function label_link(evt:TextEvent):void {
Alert.show("click .");
//这里处理你要进行的跳转
}

]]>
</mx:Script>
</mx:Application>

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>我是个人简历</title> </head> <body> <!-- 标题 --> <header> <h1 align="center"><font color="rgb(40, 40, 40)">个人简历</font></h1> </header> <hr/> <div style="display: flex;"> <div style="padding: 0 30px 0 20px"> <nav> <ol> <li><a href=" ">基本资料</a ></li> <li><a href="#speak">个人名言</a ></li> <li><a href="#study">教育经历</a ></li> <li><a href="#turn">联系方式</a ></li> <li><a href="#myself">自我评价</a ></li> <li><a href="#work">工作经历</a ></li> </ol> </nav> </div> <div style="display: flex; justify-content: center; align-items: center;"> <!-- 个人信息 --> <div> <h2><a name="people"><font color="rgb(40, 40, 40)"> 个 人 简 历 </font></a ></h2> <p><font color="rgb(255, 0, 0)">&nbsp&nbsp 姓 名 : </font><font <p><font color="rgb(255, 0, 0)">&nbsp&nbsp 年 龄 : </font><fon color="rgb(16, 88, 255)">张欣桐</font></p > t color="rgb(16, 88, 255)">20 岁</font></p > <p><font color="rgb(255, 0, 0)">&nbsp&nbsp 性 别 : </font><font color="rgb(16, 88, 255)">男</font></p > <p><font color="rgb(255, 0, 0)">&nbsp&nbsp 手 机 号 : </font><font color="rgb(16, 88, 255)">12345678910</font></p > <p><font color="rgb(255, 0, 0)">&nbsp&nbsp 邮 箱 : </font><a href="mailto:https://mail.qq.com?subject=求职回执"><i>2517738954@time.nv</i></a ></p > <p><font color="rgb(255, 0, 0)">&nbsp&nbsp 学 历 : </font><font color="rgb(16, 88, 255)">本科</font></p > <p><font color="rgb(255, 0, 0)">&nbsp&nbsp 专 业 : </font><font color="rgb(16, 88, 255)">计算机科学与技术</font></p > <p><font color="rgb(255, 0, 0)">&nbsp&nbsp 专 业 技 能 : </font><font color="rgb(16, 88, 255)">HTML5, CSS, JavaScript</font></p > </div> <div style="padding: 0 30px 0 20px;"> <!-- 个人名言 --> <div> <h2><a name="speak"><font color="rgb(40, 40, 40)"> 个 人 名 言 </font></a ></h2> <p><strong><i><font color="rgb(255, 255, </div 0)">&nbsp&nbsp&nbsp&nbsp 失 败 , 曾 令 人 想 要 逃 离 。 但 绝 境 重 生 , 方 为 宿 命 ! </font></i></ strong></p > > <!-- 教育经历 --> <div> <h2><a name="study"><font color="rgb(40, 40, 40)"> 教 育 经 历 </font></a ></h2> <ol> <li><b><font color="rgb(152, 142,
03-18
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值