揭露Flex和Html交互內(nèi)幕

作者：jinxinxin1314 2010-08-06 13:59:00

開發(fā) 后端

你對Flex和Html交互的概念是否了解，這里和大家分享一下，主要包括Flex嵌入到Html和Html嵌入到Flex兩大部分內(nèi)容，希望本文介紹對你有所幫助。

在學習Flex的過程中，你可能會遇到Flex和Html交互的問題，這里和大家分享一下，相信本文介紹一定會讓你有所收獲。

Flex和Html交互

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

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

在你的Html頁面頭部<head>區(qū)嵌入這個腳本文件：<scripttype="text/javascript"src="swfobject.js"></script>

在你的Html中寫一個用來放Flash的容器，比如<div>，并隨便給一個id比如flashcontent。然后在里面放上你的替換內(nèi)容。

viewplaincopytoclipboardprint?  
<dividdivid="flashcontent">

這里放替換內(nèi)容，用來在Flash無法顯示時顯示。

</div> 
<dividdivid="flashcontent">

這里放替換內(nèi)容，用來在Flash無法顯示時顯示。

</div>

使用腳本替換這個內(nèi)容：

viewplaincopytoclipboardprint?  
<mce:scripttypemce:scripttype="text/javascript"><!--  
varso=newSWFObject("movie.swf","mymovie","200","100","7","#336699");  
//參數(shù)意思：地址，F(xiàn)lash的id（不是容器的id），寬，高，版本需求，  
背景顏色  
//這是最基本的，如果你要高級的設置，就仔細翻翻說明吧。  
so.write("flashcontent");  
//--></mce:script> 
<mce:scripttypemce:scripttype="text/javascript"><!--  
varso=newSWFObject("movie.swf","mymovie","200","100","7","#336699");  
//參數(shù)意思：地址，F(xiàn)lash的id（不是容器的id），寬，高，版本需求，  
背景顏色  
//這是最基本的，如果你要高級的設置，就仔細翻翻說明吧。  
so.write("flashcontent");  
//--></mce:script>

這腳本可以寫在Html中也可以寫在外部.js文件中。

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

找到一個Flex的iframe自定義類,比較好用,請訪問http://code.google.com/p/Flex-iframe/
首先從上面的網(wǎng)址下載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就是需要引用的網(wǎng)頁url了

【編輯推薦】

Flex頁面跳轉實現(xiàn)的幾種方式
FlexBuilder4十大新特性閃亮登場
Flex框架中Cairngorm和Mate的優(yōu)點大比拼
FlexBuilder3.0與Eclipse3.4的***結合
解析Flex應用開發(fā)步驟新特性和技術框架

責任編輯：佚名來源： csdn.net

Flex和Html交互