- 浏览: 213874 次
- 性别:
- 来自: 深圳
文章分类
- 全部博客 (244)
- java (23)
- java多线程 (7)
- 综合 (1)
- oracle10g (24)
- div+css (1)
- Flex (27)
- java Nio (1)
- java设计模式 (8)
- struts2 (10)
- spring3.0 (5)
- SSH (9)
- dwr (5)
- hibernate3.6 (17)
- dom4j (1)
- sql优化 (5)
- Quartz任务调度框架 (1)
- AOP (3)
- JavaScript (18)
- jquery (3)
- JSF (9)
- ruby (1)
- 正则表达式 (1)
- 明日准备 (2)
- eclipse (3)
- gvim (1)
- CMS (1)
- linux (6)
- 杂 (4)
- java 设计模式 (1)
- MySql (10)
- JBPM (4)
- JSP技术 (1)
- Mybatis And Ibatis (2)
- 经验之谈 (10)
- WebService (1)
- java分布式(高性能,高可用,可伸缩) (0)
- springMvc (2)
- redis (0)
- ant (1)
- Nutz (6)
- 配置管理 (0)
- css+div (1)
- eChars (1)
- angularJs (1)
- D3 (3)
- Scala (1)
最新评论
-
Cobain_LI:
Cobain_LI 写道学习了,之前一直都没注意到有这样的问题 ...
js面向对象3--更简单的原型模式已经带来的问题以及解决办法 -
Cobain_LI:
Cobain_LI 写道学习了,之前一直都没注意到有这样的问题 ...
js面向对象3--更简单的原型模式已经带来的问题以及解决办法 -
Cobain_LI:
有个小失误,144和147行多了两个花括号
js面向对象2--js中工厂模式的演化(重要,详细) -
Cobain_LI:
学习了,之前一直都没注意到有这样的问题
js面向对象3--更简单的原型模式已经带来的问题以及解决办法 -
YTT1121:
有网络拓扑发现的源代码么,或者您会编写么?可以有偿求购,搞科研 ...
flex 之twaver1--简单网络拓扑实现
注:原创作品,分享以供交流学习,转载请注明出处。
JavaScript和flex互通全是通过ExternalInterface 这个接口。
ExternalInterface 类是外部 API,这是一个在 ActionScript 和 Flash Player 容器之间实现直接通信的应用程序编程接口,例如,包含 JavaScript 的 HTML 页。Adobe 建议使用 ExternalInterface 实现 JavaScript 与 ActionScript 之间的所有通信。
在 Flash Player 中,可以使用 HTML 页中的 JavaScript 来调用 ActionScript 函数。ActionScript 函数可以返回一个值,JavaScript 会立即接收它作为该调用的返回值。
总结:
1,JavaScript要调用flex中的ActionScript,需要flex中实现注册好被JavaScript调用的ActionScript函数,例如:
2,js调用flex的方式:
3,flex中调用javascript函数的方式:
//mxml应用程序上输入框内容改变事件处理函数
实例:
flex程序:
html页面:
JavaScript和flex互通全是通过ExternalInterface 这个接口。
ExternalInterface 类是外部 API,这是一个在 ActionScript 和 Flash Player 容器之间实现直接通信的应用程序编程接口,例如,包含 JavaScript 的 HTML 页。Adobe 建议使用 ExternalInterface 实现 JavaScript 与 ActionScript 之间的所有通信。
在 Flash Player 中,可以使用 HTML 页中的 JavaScript 来调用 ActionScript 函数。ActionScript 函数可以返回一个值,JavaScript 会立即接收它作为该调用的返回值。
总结:
1,JavaScript要调用flex中的ActionScript,需要flex中实现注册好被JavaScript调用的ActionScript函数,例如:
//第一步:在mxml应用程序启动后执行:把js可以调用的ActionScript 函数注册 public function initApp():void { //把flexHelloWorld 函数注册成名为flexHelloWorld,可以供js调用 ExternalInterface.addCallback("flexHelloWorld", flexHelloWorld); }
2,js调用flex的方式:
function callFlexFunction() { document.getElementById("supanccy").flexHelloWorld("Hello", "world"); }
3,flex中调用javascript函数的方式:
//mxml应用程序上输入框内容改变事件处理函数
protected function userName_changeHandler(event:TextOperationEvent):void { //在flex中调用页面中JavaScript的函数 var s:String = ExternalInterface.call("helloJs", "chenchaoyang"); }
实例:
flex程序:
<?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="955" minHeight="600" creationComplete="facade.startup(this)" initialize="initApp()" > <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <fx:Script> <![CDATA[ import spark.events.TextOperationEvent; import mx.controls.Alert; import supan.MyFacde; private var facade:MyFacde = MyFacde.getInstance(); //第一步:在mxml应用程序启动后执行:把js可以调用的ActionScript 函数注册 public function initApp():void { //把flexHelloWorld ActionScript函数注册成名为flexHelloWorld,可以供js调用 ExternalInterface.addCallback("flexHelloWorld", flexHelloWorld); } //供js调用的ActionScript函数,这里的param1,param2是从js传递回来的参数 public function flexHelloWorld(param1:String, param2:String):void { Alert.show("param1: " + param1 + "; param2:" + param2); } //mxml应用程序上输入框内容改变事件处理函数 protected function userName_changeHandler(event:TextOperationEvent):void { //在flex中调用页面中JavaScript的函数 var s:String = ExternalInterface.call("helloJs", "chenchaoyang"); } ]]> </fx:Script> <s:TextInput id="userName" change="userName_changeHandler(event)" x="215" y="173"/> </s:Application>
html页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css" media="screen"> html, body { height:100%; } body { margin:0; padding:0; overflow:auto; text-align:center; background-color: #ffffff; } #flashContent { display:none; } </style> <link rel="stylesheet" type="text/css" href="history/history.css" /> <script type="text/javascript" src="history/history.js"></script> <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript" > function callFlexFunction() { var x = document.getElementById("supanccy").flexHelloWorld("Hello", "world"); } function javascriptFunction(msg) { alert("this information come from html's javascript function:" + msg); } </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 = "10.0.0"; <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. --> var xiSwfUrlStr = "playerProductInstall.swf"; var flashvars = {}; var params = {}; params.quality = "high"; params.bgcolor = "#ffffff"; params.allowscriptaccess = "sameDomain"; params.allowfullscreen = "true"; var attributes = {}; attributes.id = "supanccy"; attributes.name = "supanccy"; attributes.align = "middle"; swfobject.embedSWF( "supanccy.swf", "flashContent", "100%", "100%", swfVersionStr, xiSwfUrlStr, flashvars, params, attributes); <!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. --> swfobject.createCSS("#flashContent", "display:block;text-align:left;"); </script> </head> <body onload="callFlexFunction();"> <div id="flashContent"> <p> To view this page ensure that Adobe Flash Player version 10.0.0 or greater is installed. </p> <script type="text/javascript"> var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); </script> </div> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="supanccy"> <param name="movie" value="supanccy.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="true" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="supanccy.swf" width="100%" height="100%"> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="true" /> <!--<![endif]--> <!--[if gte IE 6]>--> <p> Either scripts and active content are not permitted to run or Adobe Flash Player version 10.0.0 or greater is not installed. </p> <!--<![endif]--> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" /> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </noscript> </body> </html>
发表评论
-
flex之空间的visible,includeInLayout实现显示与隐藏
2014-05-11 00:43 2090注:原创作品,分享以供学习交流,转载请注明出处。 flex控 ... -
flex之下拉框值更改事件调用JavaScript函数
2014-05-10 00:00 896<?xml version="1.0" ... -
flex 之折线图2
2014-05-07 23:50 510该博文转自 “百度知道 ... -
flex 之twaver2--树,网络拓扑,表格综合
2014-05-07 21:10 535注:原创作品,分享以供交流学习,转载请注明出处。 tw ... -
flex 之twaver1--简单网络拓扑实现
2014-05-07 20:49 1491注:原创作品,分享以供学习交流,转载请注明出处。 twa ... -
flex validator 之通过性验证
2014-05-06 22:37 394注:原创作品,分享以供交流学习,转载请注明出处。 通过性 ... -
flex validator 之提交值验证
2014-05-06 22:06 427注:原创作品,分享以供交流学习,转载请注明出处。 提 ... -
flex validator 之实时验证
2014-05-06 21:57 420注:原创作品,分享以供学习交流,转载请注明出处。 要进 ... -
flex之StringValidator
2014-05-06 21:47 527<?xml version="1.0" ... -
flex验证器1,基本原理
2014-05-06 21:13 652注:原创作品,分享以供交流学习,转载请注明出处 flex四种 ... -
flex之HTTPService 对象
2014-05-05 21:04 676注:原创作品,分享为交流学习,转载请注明出处。 H ... -
flex 之ActionScript3 之数据绑定(三种方法)
2014-04-14 01:57 845注:转载请注明出处; flex的数据绑定 1,使用{}中的表 ... -
flex 之ActionScript3 关联数组
2014-04-14 01:36 612关联数组 <fx:Script> < ... -
flex 之ActionScript3 第一
2014-04-13 23:48 5811,注释: 单行:// 多行:/* */ 2,变量名称 字母 ... -
flex 之RemoteObject + blazeds 与java服务端通信
2014-04-13 20:20 649一,blazeds 服务端搭建 1)在eclipse中创建we ... -
pureMVC 之基本使用
2014-04-11 00:16 1326pureMVC是flex的轻量级框架。下面是实例。 一,视 ... -
flex 之 pruMVC 基础例子
2014-03-28 02:19 7441,添加页面 <?xml version="1 ... -
flex之日期验证
2014-02-23 17:04 452第一种验证方法: <?xml version=" ... -
flex之Button,ButtonBar,LinkButton,LinkBar,ToggleButtonBar
2014-02-23 16:22 569<?xml version="1.0" ... -
flex验证之StringValidator
2014-02-22 20:38 698StringValidator主要用来验证输入字符串(必填,最 ...
相关推荐
Flex 和 ActionScript 关系 Flex 和 ActionScript 关系
ActionScript 3.0 语言和组件参考概述Adobe Flex 2 语言参考ActionScript 3.0 语言和组件参考是适用于 Flash® Player 应用程序编程接口 (API) 的参考手册。 Adobe Flex 2 语言参考ActionScript 3.0 语言和组件...
《精通Flex 3.0——基于ActionScript 3.0实现》一书源代码。 Flex 3.0 ActionScript 3.0源代码 Flex 3.0源代码。 --------------------------- 第1篇 Flex技术概述 第1章 Flex概述 3 1.1 Flex简介 3 1.2 Flex...
Flex与ActionScript3程序开发》一书由易到难、由浅人深、循序渐进地介绍了Flex与ActionScript3程序开发的一般步骤与常用的程序技巧,内容通俗易懂,使用大量实例贯穿全书,力求以实战的形式让读者快速掌握知识点。...
FLEX开发入门的一本好书。讲解了actionscript的使用。
flex笔记 总结了actionscript在flex这的应用等 想想会有一定的帮助
Adobe官方提供的Flex解析Json的ActionScript包
本书由易到难、由浅人深、循序渐进地介绍了Flex与ActionScript3程序开发的一般步骤与常用的程序技巧,内容通俗易懂,使用大量实例贯穿全书,力求以实战的形式让读者快速掌握知识点。相信读者在学习完本书后,在...
不错的poi和flex学习 欢迎大家多多学习
ActionScript教程 Flex教程 ActionScript+Flex教程。
《精通FLEX3.0-基于ActionScript3.0实现》源代码
felx3,flex资料,flex教程,ActionScript3.0中文版.chm,flex3,ActionScript
适合学习flex的初学者。actionscript脚本语言。能够帮助你们
使用FLEX 和 Actionscript开发FLASH 游戏(一)
精通flex3.0 精通 Flex3.0 LCDS ActionScript 事件
精通flex3.0基于Actionscript3实现的源码,结合书会更有用,提供了很多很好的例子,是我们flex进阶的有力助手
ActionScript与JavaScript相互调用
相信读者在学习完《Flex与ActionScript 3程序开发》后,在使用Flex进行组件开发和数据处理、使用Flex高效制作皮肤、将Flex与Flash紧密结合、使用Flex与服务器端语言通信、对Flex应用进行优化等方面都会有深刻的理解...
ActionScript 3.0 语言和组件参考概述Adobe Flex 2 语言参考ActionScript 3.0 语言和组件参考是适用于 Flash® Player 应用程序编程接口 (API) 的参考手册。 Adobe Flex 2 语言参考ActionScript 3.0 语言和组件...