Flex與JavaScript的交互

 

Flex 與 JavaScript 交互，主要依靠Flex的ExternalInterface，其提供了addCallBack和call方法.

下面的例子將演示Flex調用javascript，和javascript調用Flex。

 

js 代碼

-------------------------------------------------------------------------------------------------------------
function hello(param) { alert(param); return "jsp Hello:" + param; } function callFlexFunction() { var x = document.getElementById("flexObject").flexHelloWorld("Hello", "world"); alert(x); } 

  
html代碼

--------------------------------------------------------------------------------------------------------------

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553537800" width="640" height="378" id="flexObject"> <param name="allowScriptAccess" value="always" /> <embed src="Test.swf" mce_src="Test.swf" width="640" height="378" name ="flexObject" play="true" loop="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"> </embed> </object> 

 

Flex 代碼

--------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="initApp()"> <mx:Script> <![CDATA import mx.controls.Alert; public function flexHelloWorld(param1:String, param2:String):String { Alert.show("param1: " + param1 + "; param2:" + param2); return "Hello " + param1 + param2; } public function initApp():void { ExternalInterface.addCallback("flexHelloWorld", flexHelloWorld); } public function jspHello():void { var s:String = ExternalInterface.call("hello", "Flex"); Alert.show(s); } ]]> </mx:Script> <mx:Button x="52" y="58" label="call javascript" click="jspHello()"/> </mx:Application>