文档章节

JavaScript (js) 和Flex交互总结(IE&&非IE浏览器)

soul_mate
 soul_mate
发布于 2014/06/23 10:29
字数 406
阅读 592
收藏 2

首先,不管是Flex调用js,还是js调用 Flex

需要引入的包(Flex包)import flash.external.*; 

其次,简单说说相互之间如何调用

1、Flex程序调用js的方法 :

这个相对简单,如下

Flex中:

public function FlexCallJs(){
    ExternalInterface.call("FlexJS");      // flex 直接调js里的方法             
}

Js中:

function FlexJS(){
    alert("flex call js");
}

2、Js调用Flex中的方法 :

这个相对而言注意的多些,如下

Flex中:

public function callFlexback(){
    //该函数必须是先启动,即该函数的作用是监听来自js中的调用 可以放在Application 中的creationComplete
    //<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="callFlexback()" >
    ExternalInterface.addCallback("jsCallFlex",jsCallFlex);  
    //js调flex入口,addCallback()函数前边是js调用该flex的入口,而后边的参数才是调用flex程序中真正的函数<习惯将两个代码写成一样>
 }
 //真正的供js调用的Flex里的函数
 public function jsCallFlex():void{
     Alert.show("@!@");
 }

 JsP中:

<div class="map1" style="display:block"> 
    <object id="object" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="990" height="222">
    <param name="movie" value="common/FlexJsTest.swf" /><!-- 似乎这个用不到啊 -->
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <embed id="embedid" src="common/FlexJsTest.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="990" height="600" wmode="transparent"></embed>
     </object>
</div>
//通过opject对象引入flex编译的哦swf文件 src是相关的路径  其中最主要的东西是embedid,需要同过这个id为IE或者非IE浏览器获取该flex中的方法

Js中:

function jscallflex(){
     var x;
     if(navigator.appName.indexOf("Microsoft") != -1){//针对IE浏览器
        x=document.getElementById('embedid').jsCallFlex();
     }
     else {//针对非IE浏览器
        x=document.embeds['embedid'].jsCallFlex();
     }
}


© 著作权归作者所有

共有 人打赏支持
soul_mate
粉丝 4
博文 38
码字总数 17544
作品 0
怀柔
私信 提问
加载中

评论(1)

首席救火队员
首席救火队员
赞一个,终于解决了兼容性问题
JavaScript与Flex的ActionScript相互调用的方法

在JavaScript中调用Flex方法原理 Flex与JavaScript交互中如何用Flex调用JavaScript 总结Flex与浏览器交互

小微
2012/05/14
0
0
说说:基于Web的 BPM/Workflow 模型设计的事

原文:http://simpleframework.net/ BPM也罢,工作流(Workflow)也好,发展也有些年头了。至于 BPM 和 Workflow 的区别,一时难以论定,自有人评说。 今天在此不说别的,只说说 Web 化的模型...

cknet
2010/11/13
1K
0
2010(Flex 初次使用 小节:No.2)

接这上一篇继续... 2 借助第三方的对象文件 swfobject.js 来向swf 传参 超链接的方式传参 <a href="VideoPlay.html?address=http://www.lxzq.com.cn/video/ty20100915_1.flv">Test</a> 接收参......

Zofda
2012/02/28
0
0
Flex Javascript 交互实现代码

关键字:ExternalInterface 所用类库:SWFObject / Flex调用Javascript函数 @params functionName:String Javascript函数名称 @params ...params Javascript函数参数 @return 返回Javascrip......

SeanCai
2011/03/29
0
0
flex和javascript之间的交互

flex中可以监听浏览器窗口的大小变化,但有些时候浏览器大小的变化flex不能直接监听到,因为该窗口不是顶层窗口,所以就需要在javascript中获得浏览器的大小,然后通过js通知给as3,再在fle...

Rocky_Sky
2013/02/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

开始看《Java学习笔记》

虽然书买了很久,但一直没看。这其中也写过一些Java程序,但都是基于IDE的帮助和对C#的理解来写的,感觉不踏实。 林信良的书写得蛮好的,能够帮助打好基础,看得出作者是比较用心的。 第1章概...

max佩恩
昨天
12
0
Redux 三大原则

1.单一数据源 在传统的MVC架构中,我们可以根据需要创建无数个Model,而Model之间可以互相监听、触发事件甚至循环或嵌套触发事件,这些在Redux中都是不被允许的。 因为在Redux的思想里,一个...

wenxingjun
昨天
8
0
跟我学Spring Cloud(Finchley版)-12-微服务容错三板斧

至此,我们已实现服务发现、负载均衡,同时,使用Feign也实现了良好的远程调用——我们的代码是可读、可维护的。理论上,我们现在已经能构建一个不错的分布式应用了,但微服务之间是通过网络...

周立_ITMuch
昨天
4
0
XML

学习目标  能够说出XML的作用  能够编写XML文档声明  能够编写符合语法的XML  能够通过DTD约束编写XML文档  能够通过Schema约束编写XML文档  能够通过Dom4j解析XML文档 第1章 xm...

stars永恒
昨天
2
0
RabbitMQ学习(2)

1. 生产者客户端 void basicPublish(String exchange, String routingKey, boolean mandatory, boolean immediate, BasicProperties props, byte[] body) 1. 在生产者客户端发送消息时,首先......

江左煤郎
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部