js调用Flex中的方法并向flex中传参及flex调用js示例
在JSP页面通过iframe嵌入SWF,实现JavaScript与Flex双向通信与交互。Flex利用ExternalInterface.addCallback暴露方法,JS获取iframe中SWF对象后调用其暴露接口。为规避加载时序问题,Flex初始化完成后调用ExternalInterface.call通知JS,确保通信正常,从而完成异步交互。此方案有效
在Web开发中,将Flash(SWF)嵌入到JSP页面,并通过Ja vaScript实现跨框架通信,是一个经典场景。这里记录一个完整的实现方案,涉及JSP、HTML、Flex三端的协作,以及加载时序的坑。
先看基本结构:有一个SWF文件 test.swf,以及它的宿主HTML文件 test.html。然后在 test.jsp 中通过iframe引用了这个HTML,从而把SWF装入页面。现在,需要在JSP里向Flex传递参数,并调用Flex中的方法。怎么做?
一种可行的做法是:在JSP中定义一个调用Flex的方法,比如叫 initSWF()。方法内部,先通过 window.frames["rightframe"] 拿到iframe的窗口对象,再通过 ReverseQuery(这是test.html中引入SWF时object标签的id)获取到SWF的引用。然后,把JSP里准备好的 startPoint 和 endPoint 作为参数,调用SWF暴露出来的方法 showParams(start, end)。
代码大致如下:
function initSWF(){
var obj = window.frames["rightframe"].ReverseQuery;
var start = "<%=startPoint%>";
var end = "<%=endPoint%>";
obj.showParams(start, end);
}
与此同时,在test.html中,也需要一个同名的 initSWF() 方法——因为Flex中调用的Ja vaScript方法必须位于引入SWF的页面内。而这个方法的作用只是向上冒泡,调用父页面的 initSWF():
function initSWF(){
parent.initSWF();
}
在Flex端,需要定义一个 showParams(start:String, end:String):void 方法,里面用Alert弹出参数值,验证通信是否正常。然后,关键一步:在Flex的初始化方法中,用 ExternalInterface.addCallback("showParams", showParams) 把这个方法注册给Ja vaScript调用。第一个参数是暴露给JS的方法名,第二个是Flex内部的方法引用。
理论上,只要在页面加载时(比如body的onload事件)调用 initSWF(),就能完成通信。但实际会遇到一个经典问题:如果SWF还没加载完成,就调用它的方法,会报“找不到对象”的错误。所以必须确保SWF加载完毕后再触发调用。
直接的监听加载完成事件虽然可行,但偏繁琐。这里采用一个更简洁的策略:让Flex自己来通知JS“我准备好了”。在Flex初始化完成之后,调用 ExternalInterface.call("initSWF"),通知父页面执行调用。注意,这句调用必须放在注册回调方法(addCallback)之后,否则JS侧可能还找不到Flex的方法。这样一来,整个链路就打通了:JSP准备好参数,Flex加载完成后主动通知JS,JS再调用Flex暴露的方法。
有几处细节需要注意:
- Flex中调用的Ja vaScript方法,只能写在引入SWF的那个页面(即test.html)中。而test.html本身是iframe中的子页面,所以它需要再调用父页面的方法,形成
parent.initSWF()的链条。 - 在JSP中获取SWF对象时,必须通过
window.frames["rightframe"]来定位iframe,不能直接用document.getElementById,因为SWF的object节点在iframe的文档里。
至此,一个完整的跨框架、跨语言(JSP ↔ Ja vaScript ↔ Flex)通信方案就实现了。核心思路就是:让Flex主动告诉JS它已就绪,避免时序问题。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
赤友清理大师是一款为 Mac 设计的智能清理优化工具,可精准扫描垃圾、大文件、重复文件等,释放磁盘空间。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。
Blender 是一款免费开源、跨平台的专业 3D 创作软件,集建模、动画、渲染、视频编辑与视觉合成等功能于一体,广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎,并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统,安装包轻巧、运行流畅,依托活跃的全球开发者社区持续更新,是从初学者到专业创作者都值得选择的正版 3D 创作工具。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。



























