23.12.添加HTML内容

23.12.1.问题
我想在应用程序中显示HTML内容。
23.12.2.解决办法
使用<mx:HTML>控件载入并显示HTML内容。
23.12.3.讨论
Adobe AIR 运行时支持在基于SWF的应用程序中渲染HTML。渲染引擎是基于WebKit技术构建，功能和基于WebKit引擎的浏览器一样。比如Safari。这个引擎的核心就是AIR HTML API中的flash.html.HTMLLoader类，它继承自flash.display.Sprite类，HTMLLoader对象可被添加到基于ActionScript和基于Flex的程序中。

该API中还包括<mx:HTML>控件，它可以轻松的将HTML内容显示到Flex框架的容器中。

mx.controls.HTML类内部的接口是HTMLLoader类实例并提供对HTML Document Object Model (DOM)的访问。这一能力类似于HTML页面中操作DOM和CSS的JavaScript。你可以无限制的载入远程服务器上HTML页面，也可以载入本地沙箱中的HTML页面甚至是HTML格式的字符串。

通过location属性值将HTML页面载入到<mx:HTML>控件，location字符串被传给内部的HTMLLoader实例，它才载入和渲染所需的页面。下面的例子载入web网页到<mx:HTML> 控件，还有些控件用于导航到其他页面：

-XML

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Script>
<![CDATA[
[Bindable]
public var urlLocation:String = "http://www.adobe.com";

]]>
</mx:Script>
<mx:Form width="100%">
<mx:FormItem width="100%">
<mx:HBox width="100%">
<mx:TextInput id="urlField" width="100%" text="{html.location}"/>
<mx:Button label="go" click="{urlLocation = urlField.text}" />
</mx:HBox>
</mx:FormItem>
</mx:Form>
<mx:HTML id="html" width="100%" height="100%" location="{urlLocation}" />
</mx:WindowedApplication>

上一篇：23.13.在ActionScript和JavaScript之间跨脚本操作

下一篇：23.15.检测和监控网络连接

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注