`

Flex与Javascript互相通信

    博客分类:
  • flex
阅读更多

Flex与Javascript互相通信。
(1):在Flex中有这么一个类:ExternalInterface.在这个类中它给我们:call和addCallback

Flex中As调用Js的方法是:
     1、导入包 (import flash.external.ExternalInterface;)
     2、使用ExternalInterface.call("Js函数名称",参数)进行调用,其返回的值就是Js函数所返回的值
 
Js调用As的方法是:
     1、导入包 (import flash.external.ExternalInterface;)
     2、在initApp中使用ExternalInterface.addCallback("用于Js调用的函数名",As中的函数名)进行注册下
     3、js中 就可以用document.getElementById("Flas在Html中的ID").注册时设置的函数名(参数)进行调用.

(2):实例演习:
[1]:flex调用javascript中的函数:
mxml:
<mx:Script>
 <![CDATA[
  import mx.controls.Alert;
  internal function jspHello():void {
   var taStr:String = this.ta.text;
   var s:String = ExternalInterface.call("hello", taStr);
   Alert.show(s);    
  }
 ]]>
</mx:Script>

<mx:Button x="480" y="84" label="flex call javascript" click="jspHello()"/>
<mx:TextArea id="ta" x="265" y="85" height="80" width="199"/>

javascript中的函数:
js:
 <script type="text/javascript">
   function hello(param) {
    return "Hello: + param;
   }
  </script>

打印出来是:Hello: *****.
[2]:javascript调用Flex中的函数
mxml:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="initApp();">
 <mx:Script>
  <![CDATA[
   import mx.controls.TextArea;
   internal function initApp():void {
    ExternalInterface.addCallback("callBackFlex", testJavascript);
   }
   
   public function testJavascript():String {
    var taStr:String = "中俄实弹演习成功!";
    return taStr;    
   }
  ]]>
 </mx:Script>
</mx:Application>

js:

<script type="text/javascript">
 function callApp() {
  var str = testJavascriptCallFlex.callBackFlex();
  alert("javascript调用flex成功  : + str);
 }
</script>
打印出来:javascript调用flex成功:中俄实弹演习成功。

 

 

0
0
分享到:
评论
1 楼 Mr_习惯 2013-05-07  
你好,我最近刚开始使用flex, 对这个不熟悉。
我按这个写根本就不行啊。  那里需要配置啊? 可不可以告诉下?
flex 调用js方法  是根据什么去调的? 如果只是根据方法名。 如果所有js文件中有很多个重复的方法名呢? 
还有什么地方需要注意的?  如果有空的话。  帮我解惑下吧。 谢谢了。

相关推荐

    flex与JS实现互相调用

    在IT行业中,跨平台通信是常见的需求,尤其是在前端开发中,比如Flash(使用ActionScript,即Flex)与JavaScript之间的交互。这种交互使得Web应用程序能够利用Flash的多媒体处理能力,同时结合JavaScript的灵活性,...

    flex和页面js通信1

    在本文中,我们将深入探讨如何实现Flex(Adobe Flex,一种用于构建富互联网应用程序的框架)与JavaScript之间的通信,这是Web开发中的一个重要概念。这两种技术在不同的层面上工作,但有时需要互相交互,以便在...

    flex与js交互 关于ExternalInterface使用的小例子

    Flex与JavaScript的交互主要依赖于ExternalInterface,它使得ActionScript和JavaScript能够互相调用对方的函数,实现数据交换。这个过程涉及了函数注册、调用以及跨域和兼容性的处理。通过这样的交互,开发者可以...

    flex-javascript-component:将 javascript 代码(来自 flex 应用程序)注入 HTML 容器(主机)页面的 Flex (MXML) 组件

    3. **传递数据**:Flex与JavaScript之间可以互相传递数据。例如,Flex应用可以将数据发送到JavaScript,然后由JavaScript更新页面状态,反之亦然。 4. **事件监听**:可以注册JavaScript事件监听器,当特定的DOM...

    Flex Javascript交互实现代码

    ExternalInterface类是Flex框架中用于与宿主页面(例如HTML)中的JavaScript进行通信的类。该类允许ActionScript代码执行JavaScript函数,并允许JavaScript调用ActionScript函数。 - `ExternalInterface.call...

    flex&flash相互调用

    Flash端则使用`ExternalInterface.call()`与Flex的回调函数进行通信。 3. **注意事项**: - 在进行跨平台调用时,确保Flash Player版本支持ExternalInterface API。 - 由于安全限制,只有在同源策略允许的情况下...

    AIRDevelop.zip_FlashMX/Flex源码_Flex_

    MXML文件描述了用户界面的组件布局和属性,可以与ActionScript互相引用,实现数据绑定和事件处理。 四、AIR特色功能 1. 本地文件访问:AIR提供了API,使得应用程序能够读写本地文件、目录,甚至可以操作文件系统,...

    颜色控制器

    最后,实现一个高质量的颜色控制器可能涉及前端框架、自定义UI组件、颜色管理算法以及与后端的通信等多个方面。熟练掌握JavaScript、CSS和HTML是基础,对于更高级的功能,了解Flex或其他前端技术也是必要的。通过...

    StageWebView

    4. **JavaScript与ActionScript通信**:利用`ExternalInterface.addCallback()`在JavaScript中注册一个可被ActionScript调用的函数,然后在网页中调用这个函数。ActionScript端同样可以通过`ExternalInterface.call...

    jquery_gantt.rar_xml/soap/webservice_FlashMX_

    Web服务是一种通过HTTP等网络协议提供可重用功能的软件,使得不同系统间能互相通信。虽然在这个示例中没有直接使用SOAP,但理解这个背景有助于我们理解这个甘特图可能如何与其他系统集成,比如通过Web服务获取或更新...

    IT编程视频教程地址

    - **WebService**: WebService是一种让应用程序可以通过网络互相通信的技术。学习WebService的实战案例可以帮助开发者了解如何设计和调用Web服务接口。 ### 6. 移动应用开发 - **iPhone**: 针对iPhone的教程可能...

    flash as3+php+mysql留言板

    4. **AJAX通信**:在AS3中,使用`URLRequest`对象和`Loader`或`EventDispatcher`类来实现与PHP服务器的异步通信。这样,用户在提交留言后无需刷新页面,就可以看到反馈。 5. **前端设计**:创建用户友好的界面,...

    构建和谐的Web2.0社区系列课程\构建和谐的Web2.0社区系列课程(6)

    常见的RIA框架和技术包括Adobe Flash、Flex,Microsoft Silverlight,以及JavaScript库如Ajax和现在的AngularJS、ReactJS等。在本课程中,我们将重点关注如何使用这些技术构建Fego城市,这是一个模拟现实世界的虚拟...

Global site tag (gtag.js) - Google Analytics