`
lonelythinker
  • 浏览: 27542 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

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

分享到：
| Flex和js互调
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics