JavaScript调用FLEX 中的ActionScript

最新推荐文章于 2015-01-05 17:36:10 发布

原创最新推荐文章于 2015-01-05 17:36:10 发布 · 181 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ActionScript #Flex #Flash #Adobe #ViewUI

flex 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的JavaScript与Adobe Flex交互的例子。通过一个HTML页面上的表单提交更改页面标题，并将新标题传递给Flex应用程序进行显示。此示例展示了跨语言平台之间的通信方式。

1.change.js

---------------------------------------------------------------------------------------------------------------------------------

function callApp(title){
window.document.title = document.getElementById("newTitle").value;
JSAccessFlex.myFlexFunction(window.document.title);
}

2.JSAccessFlex.mxml

---------------------------------------------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initApp()">
    <mx:Script>
        <![CDATA[
            import flash.external.*;
            public function initApp():void{
                ExternalInterface.addCallback("myFlexFunction",callBackFun);
            }
            public function callBackFun(parameter:String):void{
                txtValue.text = parameter;
            }
        ]]>
    </mx:Script>
    <mx:TextInput id="txtValue" text="test" />
</mx:Application>

3.JSAccessFlex.html

---------------------------------------------------------------------------------------------------------------------------------

<html lang="en">



<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<link rel="stylesheet" type="text/css" href="history/history.css" />


<title></title>
<script src="AC_OETags.js" language="javascript"></script>


<script src="history/history.js" language="javascript"></script>


<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">

</script>
</head>

<body scroll="no">
<script language="JavaScript" type="text/javascript" src="change.js"></script>

<form id="form01" action = "javascript:callApp();" >
    输入新标题:<input type="text" size ="30" id="newTitle"/>
    <input type="submit" value = "submit"/>
</form>
<script language="JavaScript" type="text/javascript">

</script>
<noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
            id="JSAccessFlex" width="100%" height="100%"
            codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
            <param name="movie" value="JSAccessFlex.swf" />
            <param name="quality" value="high" />
            <param name="bgcolor" value="#869ca7" />
            <param name="allowScriptAccess" value="sameDomain" />
            <embed src="JSAccessFlex.swf" quality="high" bgcolor="#869ca7"
                width="100%" height="100%" name="JSAccessFlex" align="middle"
                play="true"
                loop="false"
                quality="high"
                allowScriptAccess="sameDomain"
                type="application/x-shockwave-flash"
                pluginspage="http://www.adobe.com/go/getflashplayer">
            </embed>
    </object>
</noscript>
</body>
</html>