揭露Flex和Html交互內幕
作者：jinxinxin1314
你對Flex和Html交互的概念是否了解，這里和大家分享一下，主要包括Flex嵌入到Html和Html嵌入到Flex兩大部分內容，希望本文介紹對你有所幫助。
在學習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了
【編輯推薦】
- Flex頁面跳轉實現的幾種方式
- FlexBuilder4十大新特性閃亮登場
- Flex框架中Cairngorm和Mate的優點大比拼
- FlexBuilder3.0與Eclipse3.4的***結合
- 解析Flex應用開發步驟 新特性和技術框架
責任編輯：佚名
來源：
csdn.net
