天天看點

【執行個體】flex與javascript通信執行個體

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成功:中俄實彈演習成功。