`
wangcheng
  • 浏览: 1464472 次
  • 性别: Icon_minigender_1
  • 来自: 青岛人在北京
社区版块
存档分类
最新评论

Flex 与 javascript 交互

阅读更多

Flex 与 JavaScript 交互,主要依靠Flex的ExternalInterface,其提供了addCallBack和call方法.

下面的例子将演示Flex调用javascript,和javascript调用Flex

js 代码
  1. function hello(param) {   
  2.     alert(param);   
  3.     return "jsp Hello:" + param;   
  4. }   
  5.   
  6. function callFlexFunction() {   
  7.     var x = document.getElementById("flexObject").flexHelloWorld("Hello""world");   
  8.     alert(x);   
  9. }  
Flex 代码
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"  
  3.     initialize="initApp()">  
  4.        
  5.     <mx:Script>  
  6.         <![CDATA   
  7.             import mx.controls.Alert;   
  8.            
  9.             public function flexHelloWorld(param1:String, param2:String):String {   
  10.                 Alert.show("param1: " + param1 + "; param2:" + param2);   
  11.                 return "Hello " + param1 + param2;   
  12.             }   
  13.                
  14.             public function initApp():void {   
  15.                 ExternalInterface.addCallback("flexHelloWorld", flexHelloWorld);   
  16.             }   
  17.                
  18.             public function jspHello():void {   
  19.                 var s:String = ExternalInterface.call("hello", "Flex");   
  20.                 Alert.show(s);   
  21.             }   
  22.                
  23.         ]]>  
  24.     </mx:Script>  
  25.        
  26.     <mx:Button x="52" y="58" label="call javascript" click="jspHello()"/>  
  27.        
  28. </mx:Application>  

 

分享到:
评论
3 楼 wenhao200908 2010-09-07  
评论
2 楼 xinyuexiaodi 2009-05-05   引用
1楼的兄弟你在<head>块中没有引入这个swfobject.js,可到这里下载http://code.google.com/p/swfobject/
1 楼 zt2620zt 2008-04-01   引用
<script language="javascript">
function hello(param) {  
     alert(param);  
     return "jsp Hello:" + param;  
    }  
  
function callFlexFunction() { 
alert("Call Flex Start");
     var fl = document.getElementById("flexObject");
alert(fl);
var x= fl.flexHelloWorld("Hello", "world");  
     alert(x);  
    } 
function callflex()
{
callFlexFunction();
}
</script>

<html>
<head></head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553537800"
width="640" height="378" id="flexObject">
<param name="allowScriptAccess" value="always" />
<embed src="Test.swf" width="640" height="378"
name ="flexObject"
play="true"
loop="false"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">

</embed>
</object>
<br>
<input type=button value="Call Flex" onclick="callflex()"/>
</body>
</html>

这是我的HTML代码,但是JS没法调用Flex呀,
2 楼 xinyuexiaodi 2009-05-05  
1楼的兄弟你在<head>块中没有引入这个swfobject.js,可到这里下载http://code.google.com/p/swfobject/
1 楼 zt2620zt 2008-04-01  
<script language="javascript">
function hello(param) {  
     alert(param);  
     return "jsp Hello:" + param;  
    }  
  
function callFlexFunction() { 
alert("Call Flex Start");
     var fl = document.getElementById("flexObject");
alert(fl);
var x= fl.flexHelloWorld("Hello", "world");  
     alert(x);  
    } 
function callflex()
{
callFlexFunction();
}
</script>

<html>
<head></head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553537800"
width="640" height="378" id="flexObject">
<param name="allowScriptAccess" value="always" />
<embed src="Test.swf" width="640" height="378"
name ="flexObject"
play="true"
loop="false"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">

</embed>
</object>
<br>
<input type=button value="Call Flex" onclick="callflex()"/>
</body>
</html>

这是我的HTML代码,但是JS没法调用Flex呀,

相关推荐

    flex与ajax交互、flex与javascript交互.docx

    ### Flex与Ajax交互、Flex与JavaScript交互 #### 一、引言 随着Web技术的发展,Flex作为一种基于Adobe Flash平台的应用开发框架,在企业级应用中曾经非常流行。它提供了丰富的用户界面构建工具,并能够与服务器端...

    Flex与JavaScript交互实例

    Flex与JavaScript交互是一种常见的技术,它允许在Adobe Flex(基于ActionScript 3的富互联网应用程序框架)和网页中的JavaScript之间进行通信。这种交互性对于构建混合型应用,特别是在需要利用浏览器内核特性的Web...

    flex与js交互2

    ### Flex与JavaScript交互详解 #### 一、引言 随着Web技术的发展,不同语言之间的通信变得尤为重要。在Flex与HTML的结合中,Flex通常作为富客户端应用,而JavaScript则负责处理网页逻辑。为了实现二者之间的无缝...

    Flex 与javascript交互、C#读写Cookie

    在实现Flex与JavaScript交互时,你需要: 1. 在Flex端,使用`ExternalInterface.addCallback()`方法注册一个可供JavaScript调用的函数。 2. 在JavaScript端,通过Flash对象(通常是`swfObject`)来调用这个注册的...

    flex和javascript交互

    ### Flex与JavaScript交互详解 #### 一、在JavaScript中调用Flex方法 在Flex与JavaScript进行交互时,可以通过`ExternalInterface`实现从JavaScript调用Flex中的方法。这主要是通过向Flex应用注册特定的公共方法来...

    flex与JS交互示例

    Flex与JavaScript交互是Web开发中的一个重要技术,它允许在Adobe Flex应用和HTML页面之间进行数据交换和功能调用。在本示例中,我们将深入探讨如何实现这种交互,并通过具体的步骤来理解其工作原理。 首先,Flex是...

    Flex与JS交互

    Flex与JavaScript交互是Web开发中的一个重要技术,它允许在Adobe Flash Player或Adobe AIR环境中运行的Flex应用程序与HTML页面中的JavaScript代码进行通信。这种交互性极大地扩展了富互联网应用(RIA)的功能,使得...

    flex和javascript交互例子

    标题"flex和javascript交互例子"指向了这个主题的核心——如何在Flex应用中调用JavaScript函数,以及反过来在JavaScript中调用Flex的方法。这种技术通常被称为“Bridge”或“跨域通信”。 在Flex中,我们可以使用`...

    flex与js交互浅析.docx

    Flex与JavaScript交互是一种常见的技术,尤其在开发富互联网应用程序(RIA)时,它允许Web页面中的Flash内容与HTML页面的JavaScript代码进行通信。这使得在Flex应用中利用JavaScript的功能,如DOM操作、Ajax请求等,...

    Flex与Javascript相互调用例子(附源码)

    - Flex与JavaScript交互的背景和意义 - ExternalInterface API的基本使用 - 如何在Flex中设置和调用JavaScript函数 - 如何在JavaScript中调用Flex的方法 - 源码示例的详细解释和步骤 - 示例项目"JsFlexApp"的结构和...

    javascript与flex交互

    ### JavaScript与Flex交互知识点 #### 一、简介 在Web开发领域中,JavaScript与Flex的交互是一个非常实用且重要的技术组合。Adobe Flex是一种用于构建和部署丰富的互联网应用程序(RIA)的强大框架,它支持多种...

    Flex 和JavaScript 交互(带参)

    ### Flex与JavaScript交互详解 在本篇文章中,我们将深入探讨如何让Flex应用程序与JavaScript进行交互,并且能够在两者之间传递参数。这种技术对于那些希望在Flex应用程序中利用浏览器原生功能或者与网页上的其他...

    flex与js交互 关于ExternalInterface使用的小例子

    标题“flex与js交互 关于ExternalInterface使用的小例子”指出了本文将探讨如何使用Flex的ExternalInterface类与JavaScript进行通信。ExternalInterface是Flex提供的一个API,允许ActionScript(Flex的主要编程语言...

    Flex4.5 与js,ocx相互调用

    压缩包中的 "Flex-js-activex-相互调用自己做的实例" 文件很可能是包含了一个实际应用示例,展示了如何实现 Flex 4.5 与 JavaScript 和 OCX 控件的交互。这个实例可能包括一个 Flex 项目,其中定义了与 JS 交互的...

    Flex3与javascript相互交互验证

    Flex3与JavaScript之间的交互验证是Web开发中的一个重要概念,它允许Adobe Flex应用程序(基于ActionScript 3)与网页上的JavaScript代码进行通信。这种交互性极大地增强了富互联网应用(RIA)的功能,使得Flex组件...

    flex—JS相互调用

    -- Flex与JavaScript交互的元素 --&gt; ()"&gt;Call App ``` #### 三、JavaScript调用Flex 在上面的示例中,我们已经展示了如何从Flex中调用JavaScript函数。接下来,我们将介绍如何从JavaScript调用Flex内部的...

    flex 和 js 交互

    1. **跨域策略文件**:由于Flash Player的安全限制,Flex应用在与JavaScript交互前需要加载一个跨域策略文件,允许它与不同源的JavaScript进行通信。这个文件通常命名为crossdomain.xml,放置在服务器的根目录下。 ...

    Flex Javascript交互实现代码

    3. **Flex与JavaScript交互实现流程** - Flex应用程序中声明JavaScript函数调用:在Flex代码中,定义一个ActionScript函数用于处理点击事件,并在该函数内通过`ExternalInterface.call()`方法调用JavaScript函数。 ...

    Flex与Servlet之间数据的交互

    Flex与Servlet之间的数据交互是JavaWeb开发中的一个重要环节,它涉及到客户端富互联网应用程序(RIA)与服务器端数据处理的协同工作。Flex作为一个基于Adobe Flash Player的前端开发框架,主要用于创建具有丰富用户...

    flex 和 javascript 测通

    Flex和JavaScript交互是Web开发中的一个重要领域,尤其在构建富互联网应用程序(RIA)时。这两个技术结合使用,可以实现强大的用户界面和动态功能。本文将深入探讨Flex与JavaScript的交互机制,以及如何实现它们之间...

Global site tag (gtag.js) - Google Analytics