当前位置：首页 > 行业动态 > 正文

flash js 交互教程

Flash与JS交互需用ExternalInterface，JS通过ID调用Flash方法，双向传递事件参数

Flash 与 JavaScript 交互教程

基础概念

ActionScript 与 JavaScript 的关系

  • ActionScript：是 Flash 专用的脚本语言，用于控制动画、处理用户交互等。
  • JavaScript：是网页端的脚本语言，可操作 DOM、处理事件等。
  • 交互原理：Flash 可以通过 ExternalInterface 类调用 JavaScript 函数，JavaScript 也可以通过 swfobject 或直接访问 Flash 对象来调用 ActionScript 方法。

Flash 调用 JavaScript

在 Flash 中嵌入 JavaScript 代码

步骤：
  1. 在 ActionScript 中导入 ExternalInterface 类： 
    import flash.external.ExternalInterface;
  2. 使用 ExternalInterface.call() 调用 JavaScript 函数： 
    // ActionScript 代码
function callJS():void {
    ExternalInterface.call("jsFunction", "参数");
}
示例：
ActionScript 代码 JavaScript 代码 说明
ExternalInterface.call("alertMessage", "Hello from Flash!"); function alertMessage(msg) { alert(msg); } Flash 调用 JS 弹出提示框

在 HTML 中定义 JavaScript 函数

<script>
    function jsFunction(param) {
        console.log("Flash 传递的参数: " + param);
    }
</script>

JavaScript 调用 Flash

在 Flash 中暴露 ActionScript 方法

步骤：
  1. 在 ActionScript 中定义方法，并标记为可外部调用： 
    // ActionScript 代码
ExternalInterface.addCallback("asFunction", asFunction);
function asFunction(param) {
    trace("JS 传递的参数: " + param);
}
  2. 在 HTML 中通过 Flash 对象调用该方法： 
    // JavaScript 代码
var flashObj = document.getElementById("myFlashMovie");
flashObj.asFunction("Hello from JavaScript!");
示例：
ActionScript 代码 JavaScript 代码 说明
ExternalInterface.addCallback("changeColor", changeColor); flashObj.changeColor("#FF0000"); JS 调用 AS 修改 Flash 颜色

实际应用案例

场景：点击 Flash 按钮，在 HTML 文本框中显示内容

Flash 端代码（ActionScript）：
import flash.external.ExternalInterface;
// 定义按钮点击事件
btn.addEventListener(MouseEvent.CLICK, onClick);
function onClick(e:MouseEvent):void {
    ExternalInterface.call("updateTextbox", "来自 Flash 的文本");
}
HTML 端代码（JavaScript）：
<script>
    function updateTextbox(text) {
        document.getElementById("myTextbox").value = text;
    }
</script>
<input type="text" id="myTextbox" />

常见问题与解决方案

问题 解决方案
Flash 无法调用 JavaScript 确保 JavaScript 函数在 Flash 加载前已定义
检查函数名是否一致（区分大小写）
JavaScript 无法调用 ActionScript 确保 ExternalInterface.addCallback 已正确注册方法
检查 Flash 对象 ID 是否正确

相关问题与解答

问题 1：如何在 Flash 中动态更新 HTML 页面的内容？

解答：

flash js 交互教程 第1张

  1. 在 Flash 中使用 ExternalInterface.call() 调用 JavaScript 函数。
  2. 在 JavaScript 中操作 DOM 元素（如 document.getElementById）来更新内容。
    示例： 

    // Flash 代码
ExternalInterface.call("updateContent", "<h1>新内容</h1>");
    // JavaScript 代码
function updateContent(html) {
 document.getElementById("content").innerHTML = html;
}

问题 2：如何让 HTML 页面响应 Flash 中的事件（如按钮点击）？

解答：

  1. 在 Flash 中定义事件触发时调用 JavaScript 函数。
  2. 在 JavaScript 中监听该函数并执行操作。
    示例： 

    // Flash 代码
btn.addEventListener(MouseEvent.CLICK, function(e:Event) {
 ExternalInterface.call("onFlashButtonClick");
});
    // JavaScript 代码
function onFlashButtonClick() {
 alert("Flash 按钮被点击了
Flash JavaScript
0

相关文章