Flex ExternalInterface调用javascript

使用MXML与JavaScript交互的简单示例

最新推荐文章于 2025-09-05 11:22:47 发布

weixin_34049948

最新推荐文章于 2025-09-05 11:22:47 发布

阅读量91

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/programmer-wind/archive/2012/08/06/2919477.html

本文介绍如何在MXML应用中通过ExternalInterface简单调用JavaScript代码，并演示了如何向JavaScript传递参数及获取返回值。同时，文章还展示了如何在HTML中包含JavaScript文件并实现与MXML应用的交互。

1.ExternalInterface简单调用javascript
简单例子
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
            layout="vertical"
            verticalAlign="middle"
            backgroundColor="white">

        <mx:Script>
            <![CDATA[
               private function callJavaScript():void {
                   ExternalInterface.call("sayHelloWorld");
               }
           ]]>
       </mx:Script>

       <mx:Button label="Say 'Hello World'"
               click="callJavaScript();" />
   </mx:Application>
   然后在生成的HTML文件中，在<head>和</head>间添加下面的代码：
    <script language="JavaScript" type="text/javascript">
        function sayHelloWorld() {
            alert("Hello World, from JavaScript");
        }
    </script>

   如果你不是直接将JavaScript加在文件中，而是用一个JS文件代替的话，那你可以在HTML文件中INCLUDE下面的文件：

文件：/src/scripts.js
    function sayHelloWorld() {
        alert("Hello World, from JavaScript");
    }

/html-template/index.template.html中添加：
   <script src="scripts.js" language="JavaScript"></script>

2.向javascript传递参数
下面的JavaScript函数：

   // JavaScript
    function sayString(str) {
        alert(str);
    }

   上面的JavaScript函数有一个参数str，在JavaScript的alert()函数中显示。如果你想从ActionScript传一个参数给自己的函数sayString()，简单的像下面这样传一个额外的参数给静态ExternalInterface.call() 函数：

    // ActionScript 3.0
    private function callJavaScript():void {
        ExternalInterface.call("sayString", "Hello World, from ActionScript");
    }

我们可以简单的写为这样：
    // ActionScript 3.0
    private function callJavaScript():void {
        ExternalInterface.call("alert", "Hello World, from ActionScript");
    }

3.取JavaScript中返回值

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

转载于:https://www.cnblogs.com/programmer-wind/archive/2012/08/06/2919477.html