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

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

10年的永泰网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整永泰建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“永泰网站设计”,“永泰网站推广”以来，每个客户项目都认真落实执行。

总结Flex与浏览器交互

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

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

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

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

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

 
 
 
      
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.   
  
  
  7. &Address=HongKong"/> 
    8.   
  
  
  8.  
    9.

Flex中获取参数代码:

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

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

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

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

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

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

【编辑推荐】

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

网站题目：学习笔记 如何实现Flex与浏览器交互
网页网址：http://www.shufengxianlan.com/qtweb/news18/490518.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

软件开发知识

同城分类信息

成都网站改版　　 　达州博佩科技　　 　成都封阳台　　 　品牌网站定制　　 　四川艾名斯　　 　成都花箱厂家　　 　成都响应式网站建设公司　　 　成都门窗定制　　 　app开发公司　　 　手机网站建设套餐　　 　梓潼网站制作公司　　 　公路钻孔机　　 　西部信息服务器托管　　 　成都雪糕加盟　　 　成都SEO优化公司　　 　成都标牌标识牌制作公司　　 　成都响应式网站建设　　 　微信小程序开发　　 　品牌官网设计　　 　成都网站建设报价