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

AS与JS的相互调用

2014-01-26 11:15 363 查看
一.在AS中调用JS

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

// JavaScript
function sayHelloWorld(){

alert("Hello World, from JavaScript");
}
但是如果想在JavaScript函数中传递参数呢?考虑一下下面的JavaScript函数:

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

函数:


// ActionScript 3.0 private functioncallJavaScript():void{
ExternalInterface.call("sayString","Hello
World, from ActionScript");} 我们可以简单的写为这样:

// ActionScript 3.0 private functioncallJavaScript():void{
ExternalInterface.call("alert","Hello
World, from ActionScript");} 二.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" onclick="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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: