悠悠楠杉
网站页面
js调用Flex中的方法并向flex中传参及flex调用js示例，flexible.js使用
06/01
一、JS调用Flex中的方法及传参
1.1 准备工作
- 确保Flex项目已正确设置，并且能通过Web服务器访问。
- 在Flex项目中，创建一个可被JavaScript调用的方法。例如，创建一个名为
showAlert的函数，用于显示一个弹窗。
actionscript
// Flex ActionScript 代码（示例）
public function showAlert(message:String):void {
Alert.show(message, "Information");
}
1.2 JS调用Flex方法
- 在HTML页面中引入Flex SWF文件。
- 使用
ExternalInterface类提供的call方法来调用Flex中的方法。
html
<html>
<head>
<script>
function callFlexFunction() {
// 调用Flex中的showAlert方法并传递字符串参数"Hello from JS"
ExternalInterface.call("showAlert", "Hello from JS");
}
</script>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
<param name="movie" value="YourFlexApp.swf" /> <!-- Flex SWF文件路径 -->
<embed src="YourFlexApp.swf" width="100%" height="100%" />
</object>
<button onclick="callFlexFunction()">Call Flex Function</button>
</body>
</html>
这段代码展示了如何从JavaScript中调用Flex的showAlert方法，并传递了一个简单的字符串消息。通过ExternalInterface.call()方法，JS能够与Flex SWF文件进行交互。
二、Flex调用JS函数及传参
要使Flex能够调用JS函数，首先需要在Flex中启用外部接口，然后编写相应的ActionScript代码来调用JS函数。同时，确保在HTML页面上正确定义JS函数。以下是一个简单示例：
2.1 准备JS函数（在HTML中）
```html
```
这个函数jsFunction将在接收到来自Flex的数据时被调用。数据是通过Flex的ExternalInterface.call()方法传递的。
2.2 Flex调用JS函数（ActionScript代码）
在Flex应用中，你可以这样编写代码来调用JS函数：
actionscript
// Flex ActionScript 代码（示例）
import flash.external.ExternalInterface;
import mx.controls.Alert; // 如果需要使用Alert类显示信息等操作，可省略或替换为其他操作。 依据实际需求调整。 编辑此处以适合你的实际使用场景或示例。 示例已修改为更通用的形式来展示概念。} // 此处为Flex部分代码的注释部分，保持原样。} // 下面为真实代码段开始 } // 此处为错误格式的括号修正，应遵循规范的注释风格。public function callJSFunction(data:String):void { 外部接口调用 - 开始 ExternalInterface.call("jsFunction", data); // 调用JavaScript函数 外部接口调用 - 结束 } // 此处为错误格式的括号修正结束} } // 结束ActionScript代码段 在这段ActionScript代码中，callJSFunction函数通过ExternalInterface.call()方法调用了先前定义的JavaScript函数jsFunction，并传递了一个字符串参数。这样，数据就可以从Flex传递到JS，实现了两者之间的双向通信。
