Question

我有一个简单的html doc，其中包含一个flex app和一个iframe并排（使用1x2表）。

在flex应用程序中有一个按钮，当单击时，通过使用ExnternalInterface.call方法调用javascript函数“doNavClick（url）”将iframe的“src”属性设置为URL。

或者那是个主意。

当我在html中注释掉iframe对象声明时，对doNavClick的调用工作（我弹出一个警告来测试）....但是当iframe声明存在时，它甚至都不接收调用。好像iframe以某种方式打破了调用调度机制。

这是否有可行的工作方式？

有问题的代码如下：

--- Main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                paddingLeft="0" paddingRight="0"
                paddingTop="0" paddingBottom="0"
>

  <mx:Script>
    <![CDATA[

      import flash.events.MouseEvent;

      private function doNavClick(event:MouseEvent):void
      {
        if (ExternalInterface.available)
        {
          var url:String = "http://www.google.com"
          ExternalInterface.call("doNavClick", url); // Problematic with iframes
        }
        else
        {
          mx.controls.Alert.show("External interface not available");
        }
      }

    ]]>
  </mx:Script>

  <mx:VBox width="100%" height="100%">
    <mx:Button label="Google" click="doNavClick(event)"/>
  </mx:VBox>

</mx:Application>

...以及包含swf app的html / JavaScript代码：

--- index.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>My SWF Project</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <script type="text/javascript" src="swfobject.js"></script>
        <script type="text/javascript">
            swfobject.registerObject("mySWFProj", "9.0.0");
        </script>
    <style>
      html, body, div { height: 99%; }
    </style>
    </head>
    <body>
    <table border="1" width="100%" height="100%">
      <tbody>
        <tr>
          <td style="width: 25%; height: 100%">
            <div style="width: 100%; height: 100%">
              <object id="mySWFProj" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">
                <param name="allowscriptaccess" value="always" />
                <param name="allowfullscreen" value="true" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="mySWFProj.swf" width="100%" height="100%">
                  <param name="allowscriptaccess" value="always" />
                  <param name="allowfullscreen" value="true" />
                <!--<![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>
            </div>
          </td>
          <td style="width: 75%; height: 100%">
            <div style="width: 100%; height: 100%">
              <!-- <iframe id="htmlFrame" width="100%" height="100%" src="http://www.amazon.com"> -->
            </div>
          </td>
        </tr>
      </tbody>
    </table>

        <script type="text/javascript">

      function doNavClick(url)
      {
        alert(url);
        //document.getElementById('htmlFrame').src = url;
      }
        </script>
    </body>
</html>

此代码只会弹出浏览器提醒，其中包含google网址。如果您取消注释iframe声明（使用id“htmlFrame”）并重新加载页面，则警报不会显示，事实上，JavaScript doNavClick（url）永远不会被调用。

更新：有趣....当我检查index.html的DOM（我使用firebug）时，身体通常有两个子节点 - table＆amp;脚本。当iframe声明出现时，脚本子项消失...这解释了为什么我的ExternalInterface.call永远不会去任何地方。为什么包含iframe会导致我的脚本对象被删除？

UPDATE2：将doNavScript（url）脚本移动到文档的“head”中可以解决此问题。好像iframe声明阻止任何其他孩子成为身体的一部分...我不是说这是实际发生的事情，只是这似乎是症状。

Answer 1

将javascript代码放在html文档的<head>部分。

如果有人希望提供比这更全面的答案/解释，我会高兴地将其称为“接受”......以某种方式接受我自己的答案感觉不对;）

如何在IFrame中使用Flex的ExternalInterface？

1 个答案: