加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Flex与JS相互调用

发布时间:2020-12-15 00:59:10 所属栏目:百科 来源:网络整理
导读:(1):在Flex中有这么一个类:ExternalInterface.在这个类中它给我们:call和addCallback Flex中As调用Js的方法是: ???? 1、导入包 (import flash.external.ExternalInterface;) ?? ? 2、在/html-template/index.template.html的head/head中引入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成功!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读