关键字:ExternalInterface
所用类库:SWFObject
/**
* Flex调用Javascript函数
* @params functionName:String Javascript函数名称
* @params ...params Javascript函数参数
* @return 返回Javascript函数的return内容
**/
ExternalInterface.call(functionName:String, ...params);
----------------------------------------------------------------------
/**
* Javascript调用Flex函数
* @params functionName:String Javascript调用Flex函数名
* @params closure:Function Flex将要调用的函数
* @return void
**/
ExternalInterface.addCallback(functionName:String,closure:Function);
-----------------------------------------------------------------------
HTML内嵌swf文件,可用swfobject.embedSWF()来内嵌。javascript调用Flex的函数,必须要获得swf的ID,
可通过document.getElementById(),也可以使用swfobject.getObjectById();
--------------------------------------------
SWFObject使用补充:
swfobject.embedSWF()
swfobject.getObjectById("swfID")
swfobject.removeSWF("swfID")
一.swfobject.embedSWF:
内嵌swf文件,这个函数的参数比较多swfobject.embedSWF(swfUrl, id, width, height, version,expressInstallSwfurl, flashvars,params, attributes),各个参数具体功能如下:
swfUrl(String,必须的)指定SWF的URL。
id(String,必须的)指定将会被Flash内容替换的HTML元素(包含你的替换内容)的id。
width(String,必须的)指定SWF的宽。
height(String,必须的)指定SWF的高。
version(String,必须的)指定你发布的SWF对应的Flash Player版本(格式为:major.minor.release)。
expressInstallSwfurl(String,可选的)指定express install SWF的URL并激活Adobe express install。
flashvars(String,可选的)用name:value对指定你的flashvars。
params(String,可选的)用name:value对指定你的嵌套 object元素的params。
attributes(String,可选的)用name:value对指定object的属性。
注意 :在不破坏参数顺序的情况下,你可以忽略可选参数。如果你不想使用一个可选参数,但是会使用后面的一个可选参数,你可以简单的传入false作为参数的值。对flashvars、params和 attributes这些JavaScript对象来说,你也可以相应的传入一个空对象{}。
二.swfobject.getObjectById("swfId")
通过swfid获得swf对象,通过该对象可调用flex函数。
三.swfobject.removeSWF("swfId")
通过swfId删除swf。
注意 :删除swf这里需要提醒下,因为embedSWF是替换标签,而不是填充。比如上面的例子<div id="myPanel">Flex content</div>,如果执行了swfobject.removeSWF后,想重新添加SWF必须要重新创建<div id="myPanel">或者更改embedSWF的第二个参数更改替换新的标签ID。因为在这里SWF替换了调了<div>
-----------------------------------------------------------------------
Flex-AJAX Bridge:重要点(当然FLEX项目中要右击--->create Ajax Bridge...会自动引入FABridge)
网页引入:
(1)<script type="text/javascript" src="fabridge/javascript/FABridge.js"></script>
<script type="text/javascript" src="fabridge/swfobject/swfobject.js"></script>
(2)写脚本插入生成的swf:
<script type="text/javascript">
var flashvars={};
flashvars.bridgeName="example";
var params={};//如:params.allowFullScreen="true";params.allowScriptAccess="always";等等在这里写,
var attributes={};
attributes.id="flexApp";
attributes.name="flexApp";
swfobject.embedSWF("app.swf","flashcontent","400","400","9.0.124","",flashvars,params,attributes);
</script>
(3)通过FABridge使Flex与脚本交互:
var flexApp=FABridge.example.root();//得到了Flex应用程序,通过它可以操作Flex中的控件。
---------FLEX以下为列----------
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" height="400" viewSourceURL="srcview/index.html">
<mx:Script>
<![CDATA[ import mx.controls.Alert;
import mx.controls.*;
public function testFunc(val1:String = "defaultParam" ):void
{
Alert.show(val1, "called remotely");
}
]]>
</mx:Script>
<mx:Panel width="100%" height="100%" id="panel" paddingLeft="20" paddingTop="20" >
<mx:Text width="100%" height="16">
<mx:text>
Refer to the controls below, via javascript, as slider(), check(), and button() respectively
</mx:text>
</mx:Text>
<mx:CheckBox x="49" y="34" label="Checkbox" id="check"/>
<mx:HSlider snapInterval=".01" id="slider" liveDragging="true"/>
<mx:Button id="button" label="generic button" />
</mx:Panel>
<fab:FABridge xmlns:fab="bridge.*" />
</mx:Application>
------------end---------------
1.var currentCheckValue=flexApp.getCheck().getSelected();//获得FLex中的id为check的控件的selected属性:(看这式子的写法)
2.var callback=function(){alert("Hello world!");}
flexApp.getButton().addEventListener("click",callback);//这个例子是给ID为button的控件的click加入一个事件处理函数
3.var buttonSam=FABridge.example.create("mx.controls.Button");//在flex应用程序中创建一个按钮
4.flexApp.testFunc("Hello,World!");//调用flex应用程序中的函数,传入参数。
------------------大体上就是这样,在获取得到FLEX中的控件后,可像在flex中一样处理它---------------
我的新浪微博