js调用Flex中的方法并向flex中传参及flex调用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它已就绪，避免时序问题。