您的位置：首页 > Web前端 > JavaScript

Flex与JS相互调用

2011-12-21 17:18 274 查看

（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成功!

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航