flex 代码：flexjavascript.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:supportClasses="com.esri.ags.skins.supportClasses.*"
minWidth="200" minHeight="300"
creationComplete="initApp()">
<fx:Script>
<![CDATA[
import mx.controls.Alert;
public function flexHelloWorld(param1:String, param2:String):String {
Alert.show("param1: " + param1 + "; param2:" + param2);
return "Hello " + param1 + param2;
}
//初始化定义，可以被javascript调用的函数
public function initApp():void {
ExternalInterface.addCallback("flexHelloWorld", flexHelloWorld);
}
//调用javascript的hello函数，传递的参数是flex：quanjing
public function jspHello():void {
var s:String = ExternalInterface.call("hello", "Flex:quanjing");
Alert.show(s);
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<mx:Button x="52" y="58" label="call javascript" click="jspHello()"/>
</s:Application>
html页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript" src="swfobject.js"></script>
<script language="JavaScript" type="text/javascript">
//被flex调用的函数
function hello(param) {
alert(param);
return "jsp Hello33333333:" + param;
}
//调用flex里的函数flexHelloWorld，传递两个参数hello，world。
//在javascript里可以调用flex的函数，但必须在flex初始化时候指定过之后，
function callFlexFunction() {
var x = thisSWF("mySWF").flexHelloWorld("Hello", "world");
alert(x);
}
//根据id获取flex对象
function thisSWF(swfID){
if (navigator.appName.indexOf("Microsoft") != -1) {
return window[swfID];
} else {
return document[swfID];
}
}
swfobject.embedSWF("flexjavascript.swf"+window.location.search, "mySWF", "100%", "100%", "9.0.0");
</script>
<style type="text/css" media="screen">
html, body, #mySWF { height:400px; }
body { margin:0; padding:0; overflow:hidden; }
</style>
</head>
<body style="margin:0px;padding:0px;">
<div id="mySWF">
</div>
<div>
<input type=button value="Call Flex" onclick="callFlexFunction()"/>
</div>
</body>
</html>
最后有完整工程下载的地址，可以下载了看看！
分享到：
相关推荐
Flex与JavaScript交互是一种常见的技术，它允许在Adobe Flex（基于ActionScript 3的富互联网应用程序框架）和网页中的JavaScript之间进行通信。这种交互性对于构建混合型应用，特别是在需要利用浏览器内核特性的Web...
Flex与JavaScript交互是Web开发中的一个重要技术，它允许在Adobe Flex应用和HTML页面之间进行数据交换和功能调用。在本示例中，我们将深入探讨如何实现这种交互，并通过具体的步骤来理解其工作原理。 首先，Flex是...
在Web应用程序开发中，有时需要将Flex的交互性和Applet的跨平台能力结合起来。例如，可能需要在Flex应用中调用Applet的功能，或者从Applet向Flex传递数据。这种交互通常涉及到客户端的JavaScript、Flash Player以及...
标题“flex与js交互 关于ExternalInterface使用的小例子”指出了本文将探讨如何使用Flex的ExternalInterface类与JavaScript进行通信。ExternalInterface是Flex提供的一个API，允许ActionScript（Flex的主要编程语言...
- Flex与JavaScript交互的背景和意义 - ExternalInterface API的基本使用 - 如何在Flex中设置和调用JavaScript函数 - 如何在JavaScript中调用Flex的方法 - 源码示例的详细解释和步骤 - 示例项目"JsFlexApp"的结构和...
### Flex与JavaScript交互详解 在本篇文章中，我们将深入探讨如何让Flex应用程序与JavaScript进行交互，并且能够在两者之间传递参数。这种技术对于那些希望在Flex应用程序中利用浏览器原生功能或者与网页上的其他...
Flex与JavaScript交互是一种常见的技术，尤其在开发富互联网应用程序（RIA）时，它允许Web页面中的Flash内容与HTML页面的JavaScript代码进行通信。这使得在Flex应用中利用JavaScript的功能，如DOM操作、Ajax请求等，...
在IT领域，Flex和HTML之间的交互是一个常见的需求，特别是在构建富互联网应用程序（RIA）时。Flex，基于ActionScript，提供了一种强大的方式来创建动态、交互式的用户界面，而HTML则作为网页的基础语言，用于布局和...
"flex在eclipse的例子"这个标题所指的，是使用Eclipse作为开发工具来创建和管理Flex项目的一个实例。Eclipse通过插件ADT（Adobe Flex Builder）或FDT（Flex Development Tools）来支持Flex开发。这些插件提供了代码...
这些源代码例子可能是针对Flex SDK的不同版本，包括了第9、10、11、12和13章的内容，这通常意味着它们涵盖了从基础到进阶的各种主题。 在Flex开发中，ActionScript是主要的后端编程语言，它是一种面向对象的语言，...
本篇文章将探讨一个关于“flex与js通信”的小例子，它主要涉及到Adobe Flex和JavaScript之间的交互，这对于创建富互联网应用程序（RIA）是非常重要的。Flex是一种用于构建富客户端应用的开源框架，基于ActionScript...
总之，"FlexImage简单相册例子（含源码）"是一个宝贵的教育资源，它涵盖了从库的引入、API的使用到交互设计和性能优化等多个方面的知识点。通过深入研究这个例子，开发者可以快速上手并熟练掌握FlexImage库，为自己...
在IT行业中，JavaScript（JS）和Flex是两种广泛使用的前端技术。JS主要应用于浏览器端，负责处理用户交互和动态更新页面，而Flex是基于ActionScript 3（AS3）的开发框架，主要用于创建富互联网应用程序（RIA）。在...
这使得Flex应用可以通过浏览器访问，并且可以利用JavaScript与Flex组件进行交互。 7. **项目配置**：`.actionScriptProperties`和`.flexProperties`文件通常包含了项目的配置信息，如编译设置、库路径等。`.project...
Flex是Adobe开发的一种开源框架，主要用于构建富互联网应用程序（RIA），它基于ActionScript 3（AS3）编程语言和MXML标记语言。...通过实践，你将能够熟练地运用Flex构建具有复杂交互和视觉效果的RIA应用。
在Web开发中，经常需要在客户端的JavaScript与服务器端的Flex应用之间进行交互，以便实现更丰富的用户体验和动态数据交换。Fabridge，作为一个开源项目，正是为此目的而设计的，它提供了一个简单易用的桥梁，使得...
5. AC_RunActiveContent.js：这是Adobe的JavaScript库，用于在没有Flash Player的情况下自动检测和安装，确保Flex应用能在用户的浏览器中正常运行。 6. articles.swf：这是编译后的Flex应用程序，包含所有的UI和业务...
它允许我们轻松地调整元素的顺序、大小以及在容器内的分布，非常适合创建动态和交互式的用户界面。 首先，我们需要理解Flex布局的基本概念。Flex容器是包含一个或多个Flex项目（即子元素）的父元素。通过设置`...