7.3 关于HTML组件

本文介绍如何利用HTML组件在Adobe AIR程序中加载和展示HTML内容,并实现基本的浏览器功能,如历史记录导航等。

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

关于HTML组件

HTML组件用于显示HTML网页内容,被用于在AIR程序中渲染外部的指定HTML内容。它提供了轻量级的浏览器的功能,包括载入HTML页面,历史记录导航,以及访问HTML内容的能力。HTML组件并不是用来代替Text 和 TextArea组件来显示格式化文本数据。

创建一个HTML 组件

使用<mx:HTML> 标签在MXML中定义一个HTML组件,下面的例子中,给其指定一个id以便在其他地方能够引用。

指定HTML页面的location 属性显示指定页面内容。

下面的例子演示如何使用HTML组件。HTML组件的location属性设置为"http://labs.adobe.com/",这样当载入时URL地址将被打开,另外"back" 和"forward" 按钮调用组件的historyBack() 和historyForward()方法。TextInput 组件让用户输入url 地址,当"go"按钮被点击后,HTML组件的location属性被设置为TextInput 的text 属性值。

<?xml version="1.0" encoding="utf-8"?> 

<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"> 

    
<mx:ControlBar width="100%"> 

        
<mx:Button label="< Back" click="content.historyBack();"/> 

        
<mx:Button label="Forward >" click="content.historyForward();"/> 

        
<mx:TextInput id="address" text="{content.location}" width="100%"/> 

        
<mx:Button label="Go!" click="content.location = address.text"/> 

    
</mx:ControlBar> 

    
<mx:Canvas width="100%" height="100%"> 

        
<mx:HTML id="content" location="http://labs.adobe.com/"/> 

    
</mx:Canvas> 

</mx:WindowedApplication> 

HTML 组件之用户交互能力

对于用户交互性而言,HTML组件就像一个简单的浏览器,没有菜单栏和导航按钮。HTML页面的内容显示在组件中。用户通过表单域,按钮和超链接操作内容,任何动作都会使浏览器载入新页面(比如点击一个连接或提交一个表单),改变组件的location属性可载入新的页面。

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值