flex 引入html,在Flex中嵌入完整HTML页面

有时候我们需要在Flex应用中嵌入Html代码，根据嵌入HTML要求的不同有以下两种方法：

1、Flex文本组件(Label、Text、TextArea)的htmlText属性支持一些基本的HTML代码，例如：

this is a html code

]]>

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自动生成部分

id="IFrameDemo" width="100%" height="100%"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">

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">

2、HTML Iframe标签,绝对定位，用来导入HTML页面

style="position:absolute;background-color:transparent;border:0px;visibility:hidden;" />

3、移动Iframe和在Iframe中导入需嵌入FLEX中的HTML页面的脚本

function moveIFrame(x,y,w,h) {

var frameRef=document.getElementById("myFrame");

frameRef.style.left=x;

frameRef.style.top=y;

frameRef.width=w;

frameRef.height=h;

}

function loadIFrame(url){

top.frames["myFrame"].location.href=url;

}

Flex中的导入Iframe页面和移动Iframe的代码如下：

import flash.external.ExternalInterface;

import flash.geom.Point;

import flash.net.navigateToURL;

private var __source: String;

private function m