7.3 关于HTML组件

关于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属性可载入新的页面。