FlexBuilder3中Flex与JS的互调用教程

"这篇文档介绍了如何在Flex与JavaScript之间进行互相调用，使用FlexBuilder3作为开发工具。示例代码展示了如何通过Adobe的ExternalInterface API实现Flex应用调用JavaScript函数，以及JavaScript调用Flex组件的方法。" 在Flex与JavaScript的交互中，ExternalInterface API扮演了关键角色。它允许Flex（基于ActionScript）的应用程序与网页中的JavaScript进行通信。这种通信机制对于创建富互联网应用程序（RIA）特别有用，因为它能够结合Flex的强大功能和JavaScript与浏览器的紧密集成。 在给定的示例中，我们看到以下关键知识点： 1. ExternalInterface.addCallback方法： 这是Flex调用JavaScript函数的基础。在`initApp()`函数中，`ExternalInterface.addCallback("callFlex", jsCallFlex);`这一行代码定义了一个名为"callFlex"的JavaScript接口，该接口将调用Flex内部的`jsCallFlex`函数。这样，JavaScript可以通过`callFlex`方法触发Flex中的`jsCallFlex`函数。 2. Flex调用JavaScript： 当用户点击按钮时，`callJavaScript`函数被触发。这个函数通过`ExternalInterface.call`方法调用JavaScript中的函数，如`ExternalInterface.call("sayHelloWorld","params");`。这里，"sayHelloWorld"是JavaScript函数名，"params"是传递的参数。 3. JavaScript调用Flex： 在JavaScript中，可以像调用任何其他JavaScript函数一样调用`callFlex`。例如，在HTML中，可能有类似这样的代码：`window.callFlex('someArgument');`，这将执行Flex应用中的`jsCallFlex`函数，并传递'someArgument'作为参数。 4. 事件处理和用户交互： Flex中的按钮点击事件触发`callJavaScript`函数，这演示了Flex组件如何响应用户交互，并执行相应的JavaScript操作。 5. FlexBuilder3： 这是一个用于开发Flex应用的集成开发环境（IDE），由Adobe提供，支持MXML和ActionScript的编辑、调试和部署。 通过这种方式，Flex和JavaScript能够协同工作，实现更复杂的交互逻辑，如数据交换、用户界面更新以及处理浏览器特定的功能。在开发跨平台的RIA时，理解并熟练掌握这种互调能力至关重要。