Flex与JS相互调用 博客分类: 开发杂记 flexjavascript
(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成功!