JS访问SWF的函数用法实例

JS访问SWF函数用法实例攻略

在Web开发中，有时我们需要在JS中调用SWF动画中的函数，来实现一些交互效果。本攻略将详细讲解如何在JS中访问SWF函数，并提供两个实例说明。

步骤一：为SWF函数起一个别名

在AS3中，为了让JS能访问到SWF中的函数，我们需要给这个函数起一个别名。别名可以在发布SWF文件时以“flashvars”参数的形式传递。此处声明“myFunction”是SWF中的一个函数名，用它来代替真实函数名称：

ExternalInterface.addCallback("myFunction", someFunction);

步骤二：设置JS中的回调方法

在JS中，我们需要定义一个回调方法，来处理SWF函数的返回值。这个回调方法的名字需要与AS3中别名相同。此处声明“myFunction”是JS中的回调方法名：

function myFunction(param1, param2) {
    //处理SWF函数返回的值
}

步骤三：调用SWF中的函数

在JS中我们通过SWF的ID来获取一个引用，然后再通过别名来调用SWF中的函数。此处的“MySwf”是SWF的ID，而“myFunction”是在AS3中设置的函数别名：

var swf = document.getElementById("MySwf");
swf.myFunction(param1, param2);

示例一：JS中调用SWF中的函数

假设我们有一个SWF文件，在里面有一个函数叫“addText”，这个函数可以将一个文本框中的文本添加到SWF里面显示。假设这个SWF的ID是“MySwf”，以下是JS中如何调用这个函数：

function addTextToSwf() {
    var swf = document.getElementById("MySwf");
    var text = document.getElementById("TextBox").value;
    swf.addText(text);
}

在以上代码中，JS获取到文本框中的值，并将其传递给SWF的“addText”函数进行显示。

示例二：SWF中调用JS中的函数

有时候，SWF需要调用JS中的函数。同样可以使用“ExternalInterface” 类来实现这个功能。以下代码介绍了如何在SWF中调用JS中的函数：

ExternalInterface.call("myFunction", param1, param2);

在以上代码中，AS3通过“ExternalInterface.call”方法来调用JS中的“myFunction”方法，并将参数“param1”和“param2”传递给JS。

function myFunction(param1, param2) {
    //处理AS3中传递过来的参数
}

在JS中定义一个“myFunction”函数，来处理AS3中传递过来的参数。

以上就是JS访问SWF函数用法实例的攻略。在应用中，我们可以根据需求来灵活使用这个方法，实现交互效果。