本文和大家重點討論一下Flex與JavaScript的互動：Flex呼叫JavaScript或者被JavaScript呼叫，在Flex中呼叫JavaScript最簡單的方法是使用ExternalInterface()，可以使用此API呼叫任意JavaScript，傳遞引數，獲得返回值，如果呼叫失敗，Flex丟擲一個異常。

Flex與JavaScript的互動

一、在JavaScript中呼叫Flex方法

在Flex中可以用ExternalInterface來呼叫Flex的方法，途徑是通過在Flex應用可呼叫方法列表中新增指定的公用方法。在Flex應用中通過呼叫addCallback()可以把一個方法新增到此列表中。addCallback將一個ActionScript的方法註冊為一個JavaScript和VBScript可以呼叫的方法。

addCallback()函式的定義如下：
 

1. addCallback(function_name:String,closure:Function):void 

function_name引數就是在Html頁面中指令碼呼叫的方法名。closure引數是要呼叫的本地方法，這個引數可以是一個方法也可以是物件例項。

舉個例子： 

1. <mx:Script>
2. importflash.external.*;  
3. publicfunctionmyFunc():Number{  
4. return42;  
5. }  
6. publicfunctioninitApp():void{  
7. ExternalInterface.addCallback("myFlexFunction",myFunc);  
8. }  
9. </mx:Script>

那麼在Html頁面中，先獲得SWF物件的引用，也就是用<object.../>宣告的Swf的Id屬性，比如說是MyFlexApp。然後就可以用以下方式呼叫Flex中的方法。
 

1. <SCRIPTlanguageSCRIPTlanguage='JavaScript'charset='utf-8'>
2. functioncallApp(){  
3. varx=MyFlexApp.myFlexFunction();  
4. alert(x);  
5. }  
6. </SCRIPT>
7. <buttononclickbuttononclick="callApp()"
   >CallApp</button>

二、Flex呼叫JavaScript

你可以呼叫Html頁面中的JavaScript，通過與JavaScript的互動，可以改變Style，呼叫遠端方法。還可以將資料傳遞給Html頁面，處理後再返回給Flex，完成這樣的功能主要有兩種方法：ExternalInterface()和navigateToUrl()。

在Flex中呼叫JavaScript最簡單的方法是使用ExternalInterface()，可以使用此API呼叫任意JavaScript，傳遞引數，獲得返回值，如果呼叫失敗，Flex丟擲一個異常。
ExternalInterface封裝了對瀏覽器支援的檢查，可以用available屬性來檢視。

ExternalInterface的使用非常簡單，語法如下：
 

1. flash.external.ExternalInterface.call(function_name:String[,arg1,...]):Object; 

引數function_name是要呼叫的JavaScript的函式名，後面的引數是JavaScript需要的引數。

舉個例子說明如何Flex呼叫JavaScript函式

Flex應用中，新增如下方法：
 

1. <mx:Script>
2. <?xmlversionxmlversion="1.0"encoding="iso-8859-1"?>
3. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml">
4. <mx:Script>
5. importflash.external.*;  
6. publicfunctioncallWrapper():void{  
7. varf:String="changeDocumentTitle";  
8. varm:String=ExternalInterface.call(f,"NewTitle");  
9. trace(m);  
10. }  
11. </mx:Script>
12. <mx:Buttonlabelmx:Buttonlabel="ChangeDocumentTitle"click="callWrapper()"/>
13. </mx:Application>

Html頁面中有如下函式定義：
 

1. <SCRIPTLANGUAGESCRIPTLANGUAGE="JavaScript">
2. functionchangeDocumentTitle(a){  
3. window.document.title=a;  
4. return"successful";  
5. }  
6. </SCRIPT>