探秘Flex与JavaScript交互

开发 后端
本文向大家介绍一下Flex与JavaScript交互,Flex 与JavaScript 交互,主要依靠Flex的ExternalInterface,其提供了addCallBack和call方法。

在学习Flex的过程中你可能会遇到Flex与JavaScript交互的问题,这里和大家分享一下,主要包括Flex调用JavaScript中的函数和JavaScript调用Flex中的函数两大部分内容。

Flex与JavaScript交互

Flex 与JavaScript 交互,主要依靠Flex的ExternalInterface,其提供了addCallBack和call方法。

◆先来看Flex调用JavaScript中的函数

FlexConnectJavaScript.mxml
 

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  3. layout="absolute"> 
  4. <mx:Script> 
  5. <![CDATA[  
  6. importflash.external.*;  
  7. publicfunctioninvokeJavaScript():void  
  8. {  
  9. lblResult.text=ExternalInterface.call("returnTheName","huangxi";  
  10. }  
  11. ]]> 
  12. </mx:Script> 
  13. <mx:Buttonidmx:Buttonid="btnConnect"label="调用JavaScript"click="invokeJavaScript()"x="229"y="204"/> 
  14. <mx:Labelidmx:Labelid="lblResult"text="test"x="205"y="99"width="150"height="80"/> 
  15. </mx:Application> 
  16.  
  17. FlexConnectJavaScript.html中<Script>加入  
  18. functionreturnTheName(a)  
  19. {  
  20. return"HUANGXI";  
  21. }  
  22. ////////////////////////  
  23.  

 
小结

1.ExternalInterface.call("returnTheName","huangxi");其中***个参数与JavaScript中的函数相同,第二个参数为传递参数。

◆再来看JavaScript调用Flex中的函数

JavaScriptConnectFlex.mxml
 

  1. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  2. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" 
  3. layout="absolute"creationComplete="initApp()"> 
  4. <mx:Script> 
  5. <![CDATA[  
  6. importflash.external.ExternalInterface;  
  7. publicfunctionadd():int  
  8. {  
  9. vari:int;  
  10. varsum:int=0;  
  11. for(i=1;i<=100;i++)  
  12. {  
  13. sum+=i;  
  14. }  
  15. returnsum;  
  16. }  
  17. publicfunctioninitApp():void  
  18. {  
  19. ExternalInterface.addCallback("addTo100",add);  
  20. }  
  21. ]]> 
  22. </mx:Script> 
  23. </mx:Application> 
  24. JavaScriptConnectFlex.html中加入  
  25. <buttononclickbuttononclick="addMethod()">计算</button> 
  26. ...  
  27. 中加入  
  28. functionaddMethod()  
  29. {  
  30. vars=JavaScriptConnectFlex.addTo100();  
  31. alert(s);  
  32. }  
  33. ///////////////  

 小结

1.ExternalInterface.addCallback("addTo100",add);定义JavaScript可以调用的方法

2.可见JavaScript要调用Flex函数,Flex要声明一下;而Flex调用JavaScript函数则不需要

【编辑推荐】

  1. 学习笔记 Flex如何结合JSP
  2. FlexBuilder4十大新特性闪亮登场
  3. 学习总结 在Flex中如何嵌入Flex字体
  4. Flex框架Riawave的定制应用
  5. 技术前沿 Flex2.0 从零开始实现文件上传

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-07-30 12:56:02

Flex调用JavaS

2011-08-17 09:27:55

FlexJava

2009-07-06 10:41:38

flex与servle

2014-07-29 11:16:07

2024-10-16 10:03:13

2017-10-18 12:22:43

NativeHybirdJavaScript

2010-08-10 09:40:23

Flex与浏览器交互

2010-08-06 13:59:00

Flex和Html交互

2009-12-07 18:42:55

PHP与Javascr

2011-08-17 09:14:03

FlexJava

2013-01-09 10:34:13

OpenStackKVM

2012-04-23 11:00:56

iOS开发Objective-CJavaScript

2010-07-27 15:36:15

Flex swf

2011-08-04 09:47:33

iOS Objective- JavaScript

2010-08-17 16:54:30

IE8JavaScript

2009-11-06 16:10:54

ClosureJavaScript开Google

2009-06-10 21:46:02

JavaScript与

2010-07-27 10:54:22

Flex

2010-08-12 12:55:02

FlexFlash

2010-08-09 10:39:14

FlexACtionSCrip
点赞
收藏

51CTO技术栈公众号