`
demojava
  • 浏览: 554629 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

flex javascript

 
阅读更多
1.Link to an External URL

<fx:Script>
<![CDATA[
import flash.net.navigateToURL;

import mx.collections.ArrayCollection;
public var array:ArrayCollection = new ArrayCollection(
[ {label:"_blank", data:1},
{label:"_self", data:2},
{label:"_parent", data:3},
{label:"_top", data:4} ]);

import flexunit.utils.ArrayList;
private function goToURL() : void
{
navigateToURL( new URLRequest( newUrl.text ),
target.selectedItem as String );
}
]]>
</fx:Script>
<s:TextInput id="newUrl"
  top="10" left="10" right="10"
  text="http://www.oreilly.com/" />
<s:ComboBox id="target"
top="40" left="10"
dataProvider="{array}" />
<s:Button label="Go"
   left="10" top="70"
   click="goToURL()" />

2.简单的js调用 flex code
   ExternalInterface.call("alert", "foo");
   ExternalInterface.call("alert('foo')");
   ExternalInterface.call("function(){}");
   ExternalInterface.call("function(){alert('foo');}");
   ExternalInterface.call("function(){alert('foo'); alert('bar');}");
3.定义一个js函数的字符串
   var js:String = "function(){function myFunc(str){alert(str);};myFunc(Foobar);}";ExternalInterface.call(js);
var js:String = "function(){"
js+="function myFunc(str){"
js+="alert(str);};"
js+="myFunc(Foobar);}";
ExternalInterface.call(js);
4.xml形式定义js函数
import flash.external.ExternalInterface;
var script_js :XML =<script>
<![CDATA[
function(){
// 添加js的方法
}
]]>
</script>

import flash.external.ExternalInterface;
var myJavaScript :XML =     <script>     
<![CDATA[       
function(){          

function myLocalFunction(){                
alert('foo');            


var myOtherLocalFunction = function(){
alert('bar');            
}           
    
myGlobalFunction = function(){    
alert('Yo global dude!');          
}      
}   
]]> 
</script>
ExternalInterface.call(myJavaScript);

var callFunction_js :XML =     <script>    
<![CDATA[            function(txt, txt2){                txt = txt + " World, " + txt2;                Dojo.myFunction(txt);            }        ]]> 
</script>

ExternalInterface.call(callFunction_js, "Hello", "Good to see you!" );

5.获取flash的变量在
在index.html中script脚本中
<script type="text/javascript">
<!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
var swfVersionStr = "${version_major}.${version_minor}.${version_revision}";
<!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
var xiSwfUrlStr = "${expressInstallSwf}";
var flashvars = {};
var flashvars = {};
flashvars.param1 = "param1";
flashvars.param2 = "param2";
flashvars.param3 = "param3";
flashvars.param4 = "param4";

程序中获取flash变量
var parameters : Object = mx.core.Application.application.parameters;
var param1 : String = parameters.quality;
var param2 : String =  parameters.param2 ;
var param3 : String =  parameters.param3 ;
var param4 : String = parameters.param4;
output.text = "param1: " + param1 + "\n" +
	"param2: " + param2 + "\n" +
	"param3: " + param3 + "\n" +
	"param4: " + param4;


如果ExternalInterface 不支持浏览器, 而你又想调用JavaScript 函数, 还可使用
flash.net.navigateToURL( ) 函数。
navigateToURL( ) 函数是异步调用,还有它没有返回值,调用JavaScript函数还须用flash.net
URLRequest对象进行包装,下面的例子调用JavaScript alert( ) 函数:
var request:URLRequest = new URLRequest("javascript:alert('example');");
navigateToURL(request);


6.JavaScript callback with the alert
修改index.template.html 或者修改当前运行的mxml文件对应bin目录的html。
找到一个
var flashvars = {};
//添加方法js function
flashvars.callback=myCallback;
function myCallback(item)
{
alert(item);
}
相关mxml文件
<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"
   minWidth="1024" minHeight="768"
   creationComplete="creationCompleteHandler()">
<fx:Script>
<![CDATA[
private var callbackName:String="";
protected function creationCompleteHandler():void
{
	callbackName = ( parameters["callback"] != null ) ? 
		parameters["callback"] : "itemSelected";
}
private function onDoubleClick(event:Event):void
{
	ExternalInterface.call(callbackName, list.selectedItem);
}
]]>
</fx:Script>
<s:List id="list" width="300"
doubleClick="onDoubleClick(event);"
doubleClickEnabled="true">
<s:dataProvider>
<s:ArrayCollection>
	<fx:String>Apples</fx:String>
	<fx:String>Oranges</fx:String>
	<fx:String>Bananas</fx:String>
</s:ArrayCollection>
</s:dataProvider>
</s:List>
</s:Application>


另一个demo
html文件修改
var flashvars = {};// 传递参数            flashvars.callback=itemSelected;
function itemSelected( index, data )
{
alert( [ index, data ] );
}

<?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"
   minWidth="1024" minHeight="768">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var items:ArrayCollection = 

  


  
分享到:
评论

相关推荐

    javascript与flex交互

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

    flex和javascript交互例子

    在IT行业中,Flex和JavaScript之间的交互是Web开发中的一个重要知识点,尤其在构建富互联网应用程序(RIA)时。Flex是一款基于Adobe Flash Player运行时的开源框架,用于创建动态、交互式的用户界面,而JavaScript则...

    Flex Javascript交互实现代码

    根据文件中的信息,知识点主要集中在Flex与JavaScript之间的交互实现,特别是使用ExternalInterface类和SWFObject类库。以下是对这些知识点的详细解释: 1. **ExternalInterface类的使用** ExternalInterface类是...

    flex和javascript交互

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

    flex 和 javascript 测通

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

    flex与js交互浅析.docx

    这使得在Flex应用中利用JavaScript的功能,如DOM操作、Ajax请求等,或者反之,在JavaScript中触发Flex应用的内部功能。 1. Flex调用JavaScript 在Flex中调用JavaScript方法主要通过`ExternalInterface`类来实现。...

    flex-javascript-component:将 javascript 代码(来自 flex 应用程序)注入 HTML 容器(主机)页面的 Flex (MXML) 组件

    Flex JavaScript Component 就解决了这个问题,它提供了在Flex和JavaScript之间建立桥梁的能力。 使用Flex JavaScript Component,开发者可以通过以下方式实现Flex和HTML之间的通信: 1. **注入JavaScript代码**:...

    Flex与JavaScript交互实例

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

    Flex AcrionScript 和 JavaScript 通讯

    Flex ActionScript与JavaScript之间的通信是Web开发中的一个重要概念,它允许在Adobe Flash Player中的Flex应用程序与HTML页面上的JavaScript代码之间交换数据和控制交互。这种通信机制对于创建富互联网应用程序...

    Flex3与javascript相互交互验证

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

    flex与js交互2

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

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

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

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

    标题 "Flex与Javascript相互调用例子(附源码)" 指涉的是一个技术主题,主要探讨了如何在Adobe Flex应用程序中与JavaScript进行交互。Flex是基于ActionScript 3.0的开源框架,用于构建富互联网应用(RIA),而...

    2008ESRI中国区域用户大会资料集 Flex&JavaScript

    ### 2008ESRI中国区域用户大会资料集 Flex&JavaScript #### 一、ArcGIS JavaScript API ##### 1. ArcGIS JavaScript API 概述 - **用途**: ArcGIS JavaScript API 是一种用于开发轻量级 Web 地图应用程序的开发...

    Flex与JavaScript的相互通信(真情贡献)

    Flex与JavaScript的相互通信是Web开发中的一个重要技术,它允许富互联网应用程序(RIA)如Flex应用与网页中的JavaScript代码进行交互,实现更丰富的用户体验。本文将深入探讨这一主题,结合给定的压缩包文件...

    Flex 和JavaScript 交互(带参)

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

    Flex 与javascript交互、C#读写Cookie

    在IT领域,Flex和JavaScript的交互以及C#的Cookie操作是两种重要的技术,它们在构建富互联网应用程序(RIA)和管理用户会话方面发挥着关键作用。以下将详细阐述这两个主题。 首先,让我们关注Flex与JavaScript的...

    Flex与JS交互

    这种交互性极大地扩展了富互联网应用(RIA)的功能,使得开发者能够利用Flex的强大图形和动画能力,同时利用JavaScript与网页环境的紧密集成。 ActionScript是Flex的核心编程语言,它是基于ECMAScript的一个方言,...

    Fabridge-沟通javascript与flex的桥梁

    《Fabridge:JavaScript与Flex之间的通信桥梁》 在Web开发中,经常需要在客户端的JavaScript与服务器端的Flex应用之间进行交互,以便实现更丰富的用户体验和动态数据交换。Fabridge,作为一个开源项目,正是为此...

Global site tag (gtag.js) - Google Analytics