1. 程式人生 > >Flex與JS相互呼叫

Flex與JS相互呼叫

(1):在Flex中有這麼一個類:ExternalInterface.在這個類中它給我們:call和addCallback

Flex中As呼叫Js的方法是:
     1、匯入包 (import flash.external.ExternalInterface;)
     2、在/html-template/index.template.html的<head></head>中引入js,如:<script src="onLine.js" language="javascript"></script>
     3、使用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 callJsFunction():void {
   ExternalInterface.call("popUp", true);    
  }
 ]]>
</mx:Script>

<mx:Button x="480" y="84" label="flex call javascript" click="callJsFunction()"/>

建立一個onLine.js的檔案,在裡面編寫Flex要呼叫的JS方法,如下:

/**
 *彈出無IE工具欄的瀏覽器
 */
function popUp(flag){
if(flag){
window.open ('onLineRead.html', 'newwindow', 'height=560, width=800, top=20, left=300, toolbar=no, menubar=no, scrollbars=no, resizable=yes,location=no, status=no') //這句要寫成一行
}

}


[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 = "JS呼叫Flex成功!";
    return taStr;    
   }
  ]]>
 </mx:Script>
</mx:Application>

js:

<script type="text/javascript">
 function callApp() {
  var str = testJavascriptCallFlex.callBackFlex();
  alert("javascript呼叫flex成功  : + str);
 }
</script>
打印出來:javascript呼叫flex成功:JS呼叫Flex成功!