flex与JS实现互相调用

最新推荐文章于 2020-10-11 23:36:05 发布
最新推荐文章于 2020-10-11 23:36:05 发布
阅读量147 收藏
点赞数
分类专栏： Flex 文章标签： Flex JavaScript Adobe ViewUI
本文介绍了一种在Flex中实现图文编辑功能的方法，通过Flex与JS的交互克服了Flash10中RichTextEditor控件的局限性，利用FABridge技术实现了二者间的高效通信。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

      在做图文编辑时flash10前做的不够好，据说到了flash10这个改进了不少，尽管有个RichTextEditor控件，但是它有很大的局限性不能手动调整图片大小位置等等，RIA中可以做图文编辑功能，但是flex却不能.

      于是有人想到了在Flex中与JS的交互，这个在理论上是可以实现的，因为JS与Flex可以实现互相调用，关键的方法就是ExternalInterface类的 call 与 addCallback 方法,call调用JS方法,addCallback是在JS中注册flex方法，下面附件是国外的某个人写的一个重用性较高JS与Flex互调的例子，利用的是Adobe官方提供的FABridge技术，FABridge技术中包含了FABridge.as文件中定义了Flex客户端的各种属性和方法。FABridge.js文件定义了JavaScript客户端的各种属性和方法，可以使用JavaScript控制Flex应用程序，关于FABridge技术的使用可看http://www.brightworks.com/flex_ability/?p=25，可以下载FABridge.zip这个例子

     注意：使用时你需要发布到站点上才能测试，才能看得到嵌入的网页

我使用它做成了flex嵌入网页的编辑器，截图如下:

 

 

flex与JS互相调用
goalwp的专栏
07-18 764
网上这方面资料比较多，flex调用JS的比较简单，可以查看http://www.cnblogs.com/tiandi/archive/2012/06/03/2532977.html，其具体内容如下：
Flex与JS相互调用
在交流中成长
12-21 9278
（1）：在Flex中有这么一个类：ExternalInterface.在这个类中它给我们：call和addCallback Flex中As调用Js的方法是：      1、导入包 （import flash.external.ExternalInterface;）      2、在/html-template/index.template.html的中引入js，如：      3、使用
flex与html交互和js调用
热门推荐
jbgtwang的专栏
03-04 1万+
Flex与Html交互获得参数<br />1. 在html页面包含swf<br /> <br /><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"<br />     id="${application}" width="${width}" height="${height}"<br /><br />     codebase="http://fpdownload.macromedia.com/get/flashplayer/cur
js调用Flex中的方法，向flex中传参，flex调用js
漂泊小柒的专栏
04-17 4424
首先，有了一个swf文件，test.swf，同时也有一个自动生成的html文件，test.html。 然后，在另外一个文件，test.jsp中，通过iframe，引入了test.html，即引入了swf。 现在想要在test.jsp中，向flex传参，并调用flex中的方法，我采用的方法是： 首先，在jsp中写一个调用flex的方法，如下 function initSWF(
js 调用flex 方法
gienj1的博客
12-02 188
js---------------------------------------------------- &lt;script language="JavaScript"&gt; function thisMovie(movieName) { if (navigator.appName.indexOf("Microsoft") != -1) { ...
flex中调用JS文件
tony_1984的博客
04-08 349
关于Flex项目中调用JavaScript脚本，很多都直接写在html页面中，这样对于JavaScript的维护相当不便，所以最近研究如何方便在flex项目中植入js文件。 第一步: 找到项目中下图所示的对应的.html文件   第二步: 在该html文件中就可以导入你需要的js文件，例如： &lt;script src="controls/rtf/table/tableManag...
flex和js互相调用
11-01
总的来说，Flex和JavaScript的互相调用机制使得富互联网应用能灵活地与浏览器环境交互，实现复杂的用户交互和数据交换。对于Flex开发者来说，理解和掌握这种通信方式是必不可少的技能。需要注意的是，虽然本文示例仅...
FlexBuilder3中Flex与JS的互调用教程
"这篇文档介绍了如何在Flex与JavaScript之间进行互相调用，使用FlexBuilder3作为开发工具。示例代码展示了如何通过Adobe的ExternalInterface API实现Flex应用调用JavaScript函数，以及JavaScript调用Flex组件的方法...
Flex Javascript交互实现代码
10-29
根据文件中的信息，知识点主要集中在Flex与JavaScript之间的交互实现，特别是使用ExternalInterface类和SWFObject类库。以下是对这些知识点的详细解释： 1. **ExternalInterface类的使用** ExternalInterface类是...
Flex与JS交互技术实现文档在线操作
Flex与JavaScript（JS）的通信是一个在Web开发中常见的需求，特别是在使用Adobe Flex（基于ActionScript和MXML）开发富互联网应用时。Flex是一个开源的应用框架，它允许开发人员使用MXML标记语言和ActionScript编程...
js逐步实现原生flex系统(html逻辑 css逻辑 js逻辑)
qq_37805832的博客
10-11 970
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> *{padding: 0px;marg
flex和javascript 互相调用方法
自由空间
11-25 1019
1.flex调用js方法   title=ExternalInterface.call("getTitle"); 上句即可在flex中调用js中的getTitle方法并将返回值赋值给flex中的title   2.js调用flex中的方法 在flex中如下添加供js调用的方法即可 ExternalInterface.addCallback("getFlexNum", getNum);
Flex和JSP的交互通信
iteye_21267的博客
10-11 191
第一种方式：Flex——JSP——Flex Flex页面，向JSP传参，JSP处理后，返回至Flex。这一种HttpService即可解决。估计网上的方式很多了，可以借鉴BladeDz的应用，当然也可以硬编码。 核心代码如下： [code="java"] //Flex传参 {categoryId} //JSP 生...
js调用flex的属性
loveheronly的专栏
09-05 1412
1）flex的源代码   xmlns:s="library://ns.adobe.com/flex/spark"    xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="{this.initApp()}"> import flash.exte
FLEX与JS数据交互，以及Google插件IFrame的使用
wang121921936的博客
06-21 221
       最近因为项目需要，用到的flex，同时需要与js做数据交互，同时还用到了Google的插件IFrame，总结一点点自己的使用心得，其中很多资料都是在网上Google到的。     FLEX调用JS：   ExternalInterface.call("callJSMethod") 其中callJSMethod为js的函数名。具体的可以看FLEX的API，有详细的说...
弹性盒子布局(flex布局)
weixin_45752063的博客
12-28 1638
弹性盒子布局(flex布局) 弹性盒子布局方式： .box{ display:flex; } @设为Flex布局后，子元素的float、clear和vertical-align属性将失效 @采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 @容器默认存在两根轴：...
css3 flex笔记整理
weixin_34092370的博客
06-02 195
flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 一、容器的属性 flex-direction flex-direction: row | row-r...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值