学习笔记 如何实现Flex与浏览器交互

开发 后端
本文向大家简单介绍一下Flex与浏览器交互的概念,在用Flex做Web应用时为了扩展应用程序功能,势必会更多的同浏览器进行交互。

本文和大家重点讨论一下Flex与浏览器交互问题,在用Flex做Web应用时为了扩展应用程序功能,势必会更多的同浏览器进行交互,这样就会用到下面介绍的知识。

总结Flex与浏览器交互

在用Flex做Web应用时为了扩展应用程序功能,势必会更多的同浏览器进行交互,这样就会用到下面介绍的知识。

1、在Flex中实现URL跳转(使用flash.net.navigateToURL()方法如:)
 

/*  
*param1:要跳转的URL  
*param2:跳转方式_blank/_self  
*/  
navigateToURL(newURLRequest("http://blog.csdn.net/xingjunli"),"_blank"); 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.

2、Flex与浏览器交互使用FlashVars传替换参数(使用Application.application.parameters属性)

页面嵌入SWF文件代码(我们可以通过JS动态来设置FlashVars信息已达到数据交互的目的)
 

<objectclassidobjectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"width="100%"height="100%"id="mySwf"> 
<paramnameparamname="movie"value="main.swf"/> 
<paramnameparamname="quality"value="high"/> 
<paramnameparamname="bgcolor"value="#869ca7"/> 
<paramnameparamname="allowScriptAccess"value="sameDomain"/> 
<paramnameparamname="FlashVars"value="UserName=Andy_liu&Age=18 
&Address=HongKong"/> 
</object> 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.

Flex中获取参数代码:
 

privatefunctiononFlashVars(e:MouseEvent):void//获取页面参数  
{  
varparameters:Object=Application.application.parameters;  
labURL.text=Application.application.url.toString();//http://localhost:8889/main.swf  
varparam1:String=parameters.UserName;//Andy_liu  
varparam2:int=parseInt(parameters.Age);//18  
varparam3:String=parameters.Address;//HongKong  
/*  
txtParam1.text=param1;  
txtParam2.text=String(param2);  
txtParam3.text=param3;  
*/  
 
}  
 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

 3、Flex与浏览器交互时在Flex中调用JavaScript函数

先在页面中完成jsfunction(注在Flex中只能调用当前页面引入的JS函数)
 

functionShowUserInfo(name,age,address)  
{  
alert("Name:"+name+"\n"+"Age:"+age+"\n"+"Address"+address);  
return"CallSuccessful!"  

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.

Flex中调用方法并获取JSfunction返回值(使用ExternalInterface.call()方法):

privatefunctiononCallJS(e:MouseEvent):void  
{  
/*  
*param1:当前页JSfunction方法名  
*param...传递的参数0-N个  
*/  
varresultValue:String=ExternalInterface.call("ShowUserInfo",txtParam1.text,txtParam2.text,txtParam3.text);  
//resultValue=CallSuccessful!  
}  
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.

【编辑推荐】

  1. 使用FlexSDK4时三大注意事项
  2. FlexBuilder4十大新特性闪亮登场
  3. 三大方法实现Flex全屏
  4. 揭开Flex正则表达式的神秘面纱
  5. 技术分享 在Flex中嵌入Flex字体的步骤

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-08-10 10:23:30

Flex浏览器标题

2010-09-16 11:21:54

FirefoxJS

2010-08-10 16:30:05

Flex上传文件

2010-07-30 12:56:02

Flex调用JavaS

2010-08-04 09:26:27

Flex数据

2010-08-10 16:41:54

FlexJSP

2010-07-27 10:39:25

Flex组件

2010-07-27 15:36:15

Flex swf

2021-07-07 07:47:10

浏览器CSS兼容

2011-06-10 17:10:32

Qt GUI 浏览器

2010-08-10 17:01:48

FlexJavaScript

2009-03-25 09:11:35

Firefox浏览器

2010-08-12 11:05:33

Flex数据绑定

2013-11-18 14:42:53

浏览器渲染

2011-09-06 17:47:21

浏览器单窗口多任务

2012-06-11 10:54:44

浏览器全洞悉

2012-03-19 17:25:22

2012-03-20 11:31:58

移动浏览器

2012-03-20 11:41:18

海豚浏览器

2012-03-20 11:07:08

点赞
收藏

51CTO技术栈公众号