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函数有一个参数
// 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>
在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>
相关文章推荐
- TextBox客户端JS赋值 后台获取
- JS中的各种检测
- JSP直接打开PDF 在IE中显示pdf文档的方法,在线阅读
- 只有20行Javascript代码!手把手教你写一个页面模板引擎
- Javascript中的for-in循环和hasOwnProperty
- 精彩的javascript代码(包括表单校验等等)
- JS中创建对象的方式
- 通过JS模拟select表单,达到美化效果[demo][转]
- js动态增加,删除td,tr,table,div
- javascript:json数据的页面绑定示例代码
- 使用javascript为网页增加夜间模式
- 通过 JavaScript 获取页面上的鼠标位置
- js中的时间转换―毫秒转换成日期时间的示例代码
- JavaScript中setTimeout和setInterval的使用
- 使用javascript和canvas画月半弯
- js中的时间转换―毫秒转换成日期时间的示例代码
- javascript:FF/Chrome与IE动态加载元素的区别说明
- 使用javascript为网页增加夜间模式
- javascript:json数据的页面绑定示例代码
- javascript中取前n天日期的两种方法分享