AS与JS的相互调用

一.在AS中调用JS

在FLEX中可以直接用ExternalInterface.call("sayHelloWorld"); 对JavaScript函数进行调用,sayHelloWorld为要调用的JS函数名

1. // JavaScript
2. function sayHelloWorld(){
3. alert("Hello World, from JavaScript");
4. }

但是如果想在JavaScript函数中传递参数呢？考虑一下下面的JavaScript函数：

2. // JavaScript
3. function sayString(str){
4. alert(str);
5. }

上面的JavaScript函数有一个参数str，在JavaScript的alert()函数中显示。如果你想从ActionScript传一个参数给自己的函数sayString()，简单的像下面这样传一个额外的参数给静态ExternalInterface.call() 函数：

2. // ActionScript 3.0
3. private functioncallJavaScript():void{
4. ExternalInterface.call("sayString","Hello World, from ActionScript");
5. }

我们可以简单的写为这样：

2. // ActionScript 3.0
3. private functioncallJavaScript():void{
4. ExternalInterface.call("alert","Hello World, from ActionScript");
5. }

二.JS调用AS

首先你必须要保证as里面的函数在js里面能够看见，就需要ExternalInterface.addCallback；

目的是产生一个回调的，让js里面能够调用当前我as里面的函数，具体实现是

               //注册回调函数供JavaScript调用
                ExternalInterface.addCallback("callActionScript", asFunctionByJs);

callActionScript是在JS中调用的函数名,asFunctionByJs是AS中真正执行的函数,为了能注册成功,在application的属性initialize要调用注册函数,现在来看js那边

        //获得网页中的flash对象
           var flash = (navigator.appName.indexOf ("Microsoft") !=-1)?window["flashname"]:document["flashname"];
        //调用ActionScript注册的回调方法
        flash.callActionScript(value);//注意哦，我们那边是把我们的名字写成了callActionScript的哦，这儿就是flash.callActionScript

/*Ren亲测试*/

JavaScript调用Flex中AS代码
<script>
            function a() {
                var flash = document.getElementById("T");
                flash.callAsFunction("tet","abc");
            }
</script>  
//调用
 <input type="button" οnclick="a()" value="test" />    

 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               minWidth="955" minHeight="600"
               initialize="basewidget_initializeHandler()">
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            public function basewidget_initializeHandler():void
            {
                if(ExternalInterface.available)
                  ExternalInterface.addCallback("callAsFunction",fun);
                Alert.show("312","2");
            }
            public function fun(s:String,s1:String ):void
            {
                Alert.show(s+"-"+s1,"2");
            }
        ]]>
    </fx:Script>
</s:Application>