在Flex中嵌入完整HTML页面

日期：2007年7月21日作者：查看:[大字体中字体小字体]

有时候我们需要在Flex应用中嵌入Html代码，根据嵌入HTML要求的不同有以下两种方法：
1、Flex文本组件（Label、Text、TextArea）的htmlText属性支持一些基本的HTML代码，例如：

<mx:TextArea>
<mx:htmlText>
   <![CDATA[
     <p align="center"><font size="15" color="#3399ff">this is a html code</font></p>
   ]]>
</mx:htmlText>
</mx:TextArea>

2、我们可以将Flex应用嵌入到HTML页面中，然后通过Flex2中的ExternalInterface(Flex1.5使用getURL("javascript:JavascriptMethod"))
来实现Flex与HTML javascript的相互交互，进一步的，如果要在Flex应用中嵌入完整的HTML呢？
其实实现的方法很简单，只需要使用HTML的Iframe标签来导入需嵌入的HTML页面，
然后使用ExternalInterface调用相应的javasript将该Iframe移动到我们Flex页面需要嵌入HTML页面的部分之上就可以了，示意图如下：

也就是说，我们包含Flex SWF文件的HTML页面主要有三个部分：
1、Flex swf 插件容器，FlexBuilder自动生成部分

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
   id="IFrameDemo" width="100%" height="100%"
   codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
     <param name="movie" value="http://www.QQread.com/flash/IFrameDemo.swf" />
     <param name="quality" value="high" />
     <param name="bgcolor" value="#869ca7" />
     <embed src="http://www.qqread.com/flash/IFrameDemo.swf" quality="high" bgcolor="#869ca7"
       width="100%" height="100%" name="detectiontest" aligh="middle"
       play="true" loop="false"  quality="high"
       allowScriptAccess="sameDomain"
       type="application/x-shockwave-flash"
       wmode="opaque"
       swLiveConnect="true"
       pluginspage="http://www.macromedia.com/go/getflashplayer">
     </embed>
  </object>
[1] [2] [3] [4] 下一页
在Flex中嵌入完整HTML页面相关文章：
·在Flex中嵌入完整HTML页面
在Flex中嵌入完整HTML页面相关软件

上一篇:flashMX中怎么画正多边形

下一篇:入门级技巧：FLASH编程心得

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

在Flex中嵌入完整HTML页面

精品推荐

热点TOP10

特别推荐