`
talentnba
  • 浏览: 93311 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript调用swf中函数

阅读更多

在过去的一年里,对于开发人员来说使用flash与javascript通讯总会碰到一些麻烦的事情,从flash调用javascript函数已经没有什么问题了,因为我们可以使用getURL方法来直接调用,但是要想使用javascript返回flash在许多浏览器上几乎是不可能的。但是现在可以了。
Flash8的出现,这件事就变的比较容易了。J

The ExternalInterface API

        之前我们使用flash调用javascript函数,一般使用这样的方法:
代码:
  
getURL(“javascript:alert(‘hello webstudio.com.cn’);”);
  

但是使用这种方法从flash调用javascript函数仍存在许多困难。特别是在处理多个javascript函数调用问题上。ExternalInterface API可以与javascript实现无缝调用,并且它的能力达到可以在flash时间线使用。

在我们正式进入它的使用方法之前,我们需要确保在flash时间上可用,就要导入它的类向这样:
代码:
  
import flash.external.*;
  


现在它已经允许我们做的第一件事就是可以调用javascript函数了。

Call 调用方法

call方法对于ExternalInterface对象来说是一个静态方法,也就是说我们不需要使用ExternalInterface对象的实例来调用方法,我们可以直接通过对象类来调用,向这样:
代码:
  
ExternalInterface.call(functionName:String,Parameters);
  

这个方法有两个参数:
·    functionName – 你想要调用的javascript函数名要以字符串的形式
·    Parameters – 需要传递给javascript函数的参数,用逗号分开,是可选的。
这些是基本的内容,现在让我们来看一个例子:
1.    创建一个flash文档命名为external1.fla.
2.    创建两个层上面的层命为AS,下面的层命名为”内容”
3.    在内容层里面,创建一个文本域,将它设置为输入文本域,打开显示边框以方便你能看到,并给它取个名字为alert_txt,将它放在场景的左边。
4.    仍然在内容这一层上,拖动一个按钮组件于场景中并把它放在动态文本的右边,设置它的label为”Alert”并给它起个名字为alert_butn.
5.    选择上方的as层在第一帧上输入代码,
6.    //调用alert
7.     代码:
  
import flash.external.*;
alert_butn.clickHandler = function() {
   ExternalInterface.call("alert", alert_txt.text);
}

  


前面部分的代码是导入ExternalInterface类包。然后为按钮组件设置事件,当点击时调用javascript函数,并将文本中输入的文本通过externalInterface传递给javascript函数。
现在发布你的影片,将它和html放在服务器上,当你在服务器上测试时不论你在文本中输入什么信息,它都将显示在alert对话框中,但是如果你在本地测试,你可能就会发现当你点击按钮时,什么也没发生,这是由flashplayer的安全特性造成的。


演示文件


上面这个范例是一个方法的例子,使用getURL方法也可以做到,然而externalinterface不只是能做到这些,除了发送信息给javascript,它还可以通过addCallback方法接收从javascript返回的信息。

addCallback 方法

AddCallback方法允许javascript调用flash时间上函数,基本的语法结构如下:
代码:
  
ExternalInterface.addCallback(functionID:String,instance:Object,functionName:Function);
  

与call方法类似,它也是一个静态方法,它有三个参数
·    functionID - 从 JavaScript 调用 ActionScript 函数时可使用的名称。此名称不必与 ActionScript 方法的实际名称匹配。
·    instance - this 在该方法中被解析成的对象。此对象不一定是在其上可找到该方法的对象,您可以指定任何对象(或 null)。
·    functionName - 要从 JavaScript 调用的 ActionScript 方法。
现在让我们开始一个例子,在这个例子中我们将使用flash调用javascript的命令来请示用户输入色值,当色值输入后点击ok,对象返回到flash并更改它的色彩,如下方法:
1.    创建一个flash文档命名为external2.fla.
2.    与第一个例子相同,创建两层上层命名为as.下层命名为“内容”。
3.    在内容层拖动一个按钮组件至场景中,放在左上方,将label设为”变色”,实例名为change_butn.
4.    确保当前在”内容层”,绘制一个色值为0x000000的盒子,大小为100*100,当然这个没有限制。
5.    将这个方块转换为movieclip.实例名称命名为rec_mc.
6.    在第一帧上输入代码如下:
代码:
  
import flash.external.*;
//改变方块的色彩
function onChange(clr:Number) {
var temp_color:Color = new Color(rec_mc);
   temp_color.setRGB(clr);
}
//允许javascript调用onChang函数
ExternalInterface.addCallback("onChange", this, onChange);
//打开命今窗口
change_butn.clickHandler = function() {
   ExternalInterface.call("callPrompt", "你想用什么的色彩? (ex: 0xff0000)");
}

  


在代码的前边我们要先导入externalinterface类包,然后我们创建一个能改变场景中方块色彩的函数,完成后,我们调用addCallback 方法以使javascript可以调用flash的onChang函数。最后,我们针对按钮创建事件来调用javascript命令。
你需要发布swf和html,然后用编辑软件打开编辑器,如果你只是从flash调用javascirpt,那么你什么也不用做。但是如果你需要使用javascirpt调用flash函数,还有一些小的工作需要做。

在tilte标签的下方加入下面的javascript代码:如下:
代码:
  

<script language=JavaScript>
var me; //代表swf的id
//获取正确的引用
function getID(swfID) {
   if (navigator.appName.indexOf("Microsoft") > -1) {
      me = window[swfID];
   } else {
      me = document[swfID];
   }
}
//下面这段调用onChang函数并返回到flash.
function makeCall(str){
   me.onChange(str);
}
//下面这个函数是被flash调用的。
function callPrompt(str){
   makeCall(prompt(str));
}
</script>

  


开始,我们创建变量me来存放swf的引用。如果没有它,我们不能调用flash函数。然后我们使用函数getID通过条件针对不同的浏览器来设置引用,之后,我们创建makeCall函数,用来调用flash函数,最后我们创建由flash来调用的函数callPromt().它将调用makeCall函数来发送信息返回到flash.
在html的body标签的属性中加入onload,并设置它等于getID函数,如下:
代码:
  
<body bgcolor="#ffffff" >
  

注意,当我们设函数给onload事件,我们传递给它swf的id.它可以在swf的嵌入位置找到,现在,当页初始化完成后,函数getID将被调用,变量me就会被设置,以使javascript可以调用flash函数。
将文件上传到服务器上,并进行测试,当你点击按钮并在提示中输入色彩值,flash中的方块色就会改变。如下。

范例演示

在弹出窗口时如果你没有输入色彩值,而是点击了取消,会返回null空回flash.flash中的方块仍会保持原色。
最终源文件下载(source)

本人对上面的内容进行了一下整合,制作了一个终合范例,集成有显示swf信息,获取网址,调用对话框.

范例演示

分享到:
评论

相关推荐

    js调用AS flash函数

    在JS调用SWF函数时,需要注意以下几点: 1. **安全限制**:由于安全原因,Flash Player只允许JavaScript调用那些在SWF加载时注册过的AS函数。 2. **参数传递**:JS可以传递基本类型(如字符串、数字)给AS,复杂对象...

    FlashPlayer组件调用FLASH函数接口

    除了ExternalInterface.addCallback,ExternalInterface还提供了其他方法,如`call`,允许JavaScript调用ACTIONSCRIPT中的任何公开函数,即使它们没有在ACTIONSCRIPT中注册。例如: ```javascript document....

    js_swf_action

    JavaScript调用SWF 在JavaScript中,你可以通过以下方式调用SWF中的ActionScript函数: ```javascript var flashObject = document.getElementById('flashID'); // 获取SWF对象 if (flashObject && flashObject....

    ActionScript与JavaScript相互调用

    例如,JavaScript可以通过`document.getElementById('mySwf').someActionScriptMethod()`来调用SWF中的ActionScript方法。 2. ExternalInterface API:Flash Player提供的这个API允许ActionScript代码直接暴露给...

    javascript与flash相互调用

    4. **Flash 调用 JavaScript**:在Flash ActionScript中,首先需要使用`ExternalInterface.addCallback`注册一个可被JavaScript调用的函数。然后,当需要调用JavaScript函数时,只需调用`ExternalInterface.call`,...

    网页页面中如何用Javascript调用Flash动画?

    ### 如何在网页中利用JavaScript调用Flash动画 随着互联网技术的发展,网页设计与开发领域不断引入新的技术和标准。在过去的年代里,Flash是创建动态和交互式内容的重要工具之一。本文将详细介绍如何通过JavaScript...

    多文件上传组件添加了服务器反馈信息事件,可以接收每次上传文件后,服务器返回的文本信息,调用JAVASCRIPT函数

    多文件上传组件 temp.html 上传调用实例 update_.swf 上传FLASH文件 update.asp 接收示例 ASP...添加了每个文件上传完成时,调用JAVASCRIPT函数 challs_flash_onComplete() 函数 更新了错误处理系统 修正了部分BUG

    js调用as函数百分百能使用

    在AS代码中,我们需要先启用ExternalInterface,然后定义一个公共方法,这个方法可以被JavaScript调用。例如: ```actionscript import flash.external.ExternalInterface; // 检查ExternalInterface是否可用 if ...

    图片轮换广告JS版和SWF版(内含调用示例)

    在这个压缩包中,包含两种版本的图片轮换广告实现:JS版和SWF版,以及它们的调用示例。 **JS版图片轮换广告** JavaScript(JS)是一种轻量级的脚本语言,常用于网页的动态效果和交互。JS版的图片轮换广告通常基于...

    webcam调用摄像头拍照自定义swf文件

    5. 捕获图像:用户触发拍照后,调用相关函数保存当前摄像头帧为位图数据。 6. 处理和存储图像:根据需求对位图数据进行进一步处理(如裁剪、调整尺寸),然后保存为JPEG或其他格式的文件。 在提供的压缩包文件中,...

    JS访问SWF的函数用法实例

    要从JavaScript调用Flash中的函数,需要使用ExternalInterface类。首先需要在ActionScript代码中注册一个方法,让外部JavaScript可以调用。这通过ExternalInterface.addCallback方法实现。在Flash代码中定义了一个...

    Flex与Javascript相互调用例子(附源码)

    使用`ExternalInterface.addCallback`方法注册一个ActionScript函数,使其可以被JavaScript调用,而`ExternalInterface.call`则用于从ActionScript调用JavaScript函数。 2. **FlashVars**:这是一种传递参数给嵌入...

    页面JS连播SWF源码

    这允许JS调用SWF内部的方法,如播放、停止、前进或后退等。 4. **定时器(Timer)**:JS还可以使用`setInterval`或`setTimeout`函数来定时检查当前SWF的状态或触发下一帧的播放,从而实现连续播放。 【标签】"js ...

    FLASH调用外部SWF、音乐、视频、TXT,HTML[定义].pdf

    在Flash编程中,调用外部资源是常见的需求,尤其在创建交互式网站或多媒体项目时。本篇内容主要讲解如何使用Flash调用外部的SWF、音乐、视频、TXT和HTML文件,以及相关的技巧和注意事项。 首先,我们来看如何调用...

    通过swf实现将数据存放在客户端

    JavaScript可以通过调用SWF中的函数来读取和写入数据,而SWF则负责在用户的本地存储数据。 JavaScript脚本(可能包括两个文件)在这过程中起到了关键作用。它们可能负责处理与用户的交互,如获取数据输入,然后调用...

    Flex和JS的相互调用,传参

    JavaScript调用Flex组件的方法则需要Flex组件提供一个可访问的接口。在Flex组件中,我们可以定义一个公共方法,并使用`ExternalInterface.addCallback`使其可以在JavaScript中调用: ```actionscript public ...

    Flex AcrionScript 和 JavaScript 通讯

    - `actionScriptSay(value)`函数:JavaScript调用这个函数,通过`thisMovie()`获取Flash对象,并调用ActionScript中的`actionScriptSay`方法,将参数`value`传递过去。 - `javascritpSay(value)`函数:这个函数由...

    一个flash和javascript通信的例子

    此外,页面的JavaScript代码会与Flash内容进行交互,通常是通过`ExternalInterface.addCallback()`方法注册可由JavaScript调用的ActionScript函数,以及`ExternalInterface.call()`方法从ActionScript调用JavaScript...

    javascript_to_flash.zip

    3. **JavaScript调用Flash** - 使用`ExternalInterface.addCallback`方法,Flash对象可以注册一个函数,使得JavaScript能够调用这个函数。 - JavaScript通过Flash对象的`call`方法来调用注册的函数,传递参数。 4...

    flex和javascript交互

    在Flex与JavaScript进行交互时,可以通过`ExternalInterface`实现从JavaScript调用Flex中的方法。这主要是通过向Flex应用注册特定的公共方法来完成的。这些方法可以通过`addCallback()`函数添加到可被外部脚本访问的...

Global site tag (gtag.js) - Google Analytics