揭露Flex和Html交互内幕-51CTO.COM

在学习Flex的过程中，你可能会遇到Flex和Html交互的问题，这里和大家分享一下，相信本文介绍一定会让你有所收获。

Flex和Html交互

◆Flex和Html交互之Flex嵌入到Html：

用swfobject,下载的.js地址：http://www.adobe.com/devnet/activecontent/articles/devletter.Html

在你的Html页面头部<head>区嵌入这个脚本文件：<scripttype="text/javascript"src="swfobject.js"></script>

在你的Html中写一个用来放Flash的容器，比如<div>，并随便给一个id比如flashcontent。然后在里面放上你的替换内容。

viewplaincopytoclipboardprint?  
<dividdivid="flashcontent">

这里放替换内容，用来在Flash无法显示时显示。

</div> 
<dividdivid="flashcontent">

这里放替换内容，用来在Flash无法显示时显示。

</div>

使用脚本替换这个内容：

viewplaincopytoclipboardprint?  
<mce:scripttypemce:scripttype="text/javascript"><!--  
varso=newSWFObject("movie.swf","mymovie","200","100","7","#336699");  
//参数意思：地址，Flash的id（不是容器的id），宽，高，版本需求，  
背景颜色  
//这是最基本的，如果你要高级的设置，就仔细翻翻说明吧。  
so.write("flashcontent");  
//--></mce:script> 
<mce:scripttypemce:scripttype="text/javascript"><!--  
varso=newSWFObject("movie.swf","mymovie","200","100","7","#336699");  
//参数意思：地址，Flash的id（不是容器的id），宽，高，版本需求，  
背景颜色  
//这是最基本的，如果你要高级的设置，就仔细翻翻说明吧。  
so.write("flashcontent");  
//--></mce:script>

这脚本可以写在Html中也可以写在外部.js文件中。

◆Flex和Html交互之Html嵌入到Flex

找到一个Flex的iframe自定义类,比较好用,请访问http://code.google.com/p/Flex-iframe/
首先从上面的网址下载iframe包
解压,找到IFrameDemo\src\IFrame.as
复制到你自己的src里

在需要用的mxml中加入xmlns:local="*"(local)
Xml代码

<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute"initialize="init()"xmlns:local="*"> 
 
<mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
layout="absolute"initialize="init()"xmlns:local="*">

◆需要用的的地方

Xml代码

<local:IFrameidlocal:IFrameid="iFrame"source="http://www.favzone.com"  
width="100%"height="100%"/> 
 
<local:IFrameidlocal:IFrameid="iFrame"source="http://www.favzone.com"  
width="100%"height="100%"/>

source就是需要引用的网页url了

【编辑推荐】