flex與javascript互相通信:使用ExternalInterface

原文鏈接:http://blog.csdn.net/xingfeng0501/article/details/7834180

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

發佈了2 篇原創文章 · 獲贊 15 · 訪問量 33萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章