Flex与Html交互获得参数1. 在html页面包含swf
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
这里关键是FlashVars="param1=one¶m2=2¶m3=3¶m4=four" 2. flex中函数 在flex中用Application.application.parameters来获取上面所传的参数 Flex与JavaScript的交互一、在JavaScript中调用Flex方法
01.<mx:script>
02. import flash.external.*;
03. public functionmyFunc():Number {
04. return83;
05. }
06. public functioninitApp():void {
07. ExternalInterface.addCallback("myFlexFunction",myFunc);
08. }
09.</mx:script>
那么在Html页面中,先获得SWF对象的引用,也就是用
1.<object...id="MyFlexApp"></object>
1.<script language="JavaScript">
2. functioncallApp() {
3. varx = MyFlexApp.myFlexFunction();
4. alert(x);
5. }
6.</script>
1.<inputοnclick="callApp()"value="Test"type="button">
二、在Flex中调用 JavaScript 同样,我们也可以调用Html页面中的JavaScript,通过与JavaScript的交互,可以改变Style,调用远程方法。还可以将数据传递给 Html页面,处理后再返回给Flex,完成这样的功能主要有两种方法:ExternalInterface()和navigateToUrl()。 在Flex中调用JavaScript最简单的方法是使用ExternalInterface(),可以使用此API调用任意JavaScript,传递参数,获得返回值,如果调用失败,Flex抛出一个异常。 ExternalInterface封装了对浏览器支持的检查,可以用available属性来查看。 ExternalInterface的使用非常简单,语法如下: flash.external.ExternalInterface.call(function_name: String[, arg1, ...]):Object; 参数function_name是要调用的JavaScript的函数名,后面的参数是JavaScript需要的参数。 举个例子说明如何调用JavaScript函数 Flex应用中,添加如下方法:
01.<mx:script>
02.
03.<mx:application xmlns:mx="
http://www.adobe.com/2006/mxml ">
04. <mx:script>
05. import flash.external.*;
06.
07. public functioncallWrapper():void {
08. varf:String = "changeDocumentTitle";
09. varm:String = ExternalInterface.call(f,"New Title");
10. trace(m);
11. }
12. </mx:script>
13. <mx:button label="Change Document Title"click="callWrapper()">
14.</mx:button></mx:application></mx:script>
Html页面中有如下函数定义:
1.<script language="JavaScript">
2. functionchangeDocumentTitle(a){
3. window.document.title = a;
4. return"successful";
5. }
6.</script>
Flex程序与包装页面(wrapper)通信方法小结
Flex通常作为一个web项目的一部分嵌入到一个web页中,因此Flex程序和web页面的通信就变得非常重要。
1) Flex提供了多种方法实现Flex程序和封装页面的交互,主要有:flashVars属性,查询字符串参数,navigateToURL()方法,以及flash.external.ExternalInterface类。
2) Flex程序 获取环境信息:Application.application.url获取封装页面的URL,以及使用@ContextRoot(); 以及可以通国 flash.system.Capacities获取到有关系统的一些信息,比如版本、语言、操作系统等;
3) flashVars用来从外部封装页面向Flex程序传送数据:
在封装页面传入参数值:AC_FL_RunContent(flashVars, “para1=value1&…¶n=valuen”)或者
<Object>
<param name=”movie” value=”wrapper.swf? para1=value1 />
<embed src=”wrapper.swf?para1=value1/>
</Object>
然后flex 程序里通过 Application.application.parameters.para1获取参数值;
4) ExternalInterface提供方法使Flex程序和外部的封装页面可以相互调用对方的方法,外部接口类要受到域安全性设置(allowScriptAccess, allowNetworking)的约束。
先判断ExternalInterface是否可用:
ExternalInterface.available;
flex调用js:
ExternalInterface.call(funName, funPara1, …, funParaN);
js调用flex:
首先flex里面用ExternalInterface.addCallback(“jsFunName”,asFun),将AS里面定义的函数赋予一个js里面调用的函数的名字jsFunName;
然后在js里面用mySwf.jsFunName()调用flex里面提供的函数asFun;
ExternalInterface安全性:
一般来说js和flex的访问局限于同一个域之内。
可以设置<Object>和<Embed>的allowScriptAccess=”value”(value取值:never, always, sameDomain默认)来设置flex访问js的权限。
至于js对于flex方法的访问只有flex里面通过addCallback的js才可以访问,对于跨域,可以试用allowDomain()函数设置。
5) navigateToURL() 可以用来打开一个新的浏览器窗口,也可以用来flex和js之间的通信。比如:
打开一个新窗口:
var
url:URLRequest = new URLRequest(
http://blog.csdn.net );
navigateToURL(url, _blank);
这个函数也可以用来执行js,例如:
var
url:URLRequest = new URLRequest(“javascript:window.close()”); 或者:
var urlLURLRequest = new URLRequest(“javascript:myFun(para1…paran)”)
myFun()函数是html页面的script部分定义的,函数参数一定要有引号!
navigateToURL(url, _self);
也可以用来发送email:
var urlURLRequest = new URLRequest( );
navigateToURL(url, _blank);
|
flex与html交互和js调用
最新推荐文章于 2022-02-09 11:14:27 发布