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

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

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

总结Flex与浏览器交互

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

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

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

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

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

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

Flex中获取参数代码:
 

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

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

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

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

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

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

FlexJSP

2010-08-04 09:26:27

Flex数据

2021-07-07 07:47:10

浏览器CSS兼容

2010-07-27 15:36:15

Flex swf

2011-06-10 17:10:32

Qt GUI 浏览器

2010-07-27 10:39:25

Flex组件

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

浏览器渲染

2012-06-11 10:54:44

浏览器全洞悉

2011-09-06 17:47:21

浏览器单窗口多任务

2012-03-20 11:31:58

移动浏览器

2012-03-19 17:25:22

2012-03-20 11:41:18

海豚浏览器

2012-03-20 11:07:08

点赞
收藏

51CTO技术栈公众号