ActionScript调用 JavaScript Function

最新推荐文章于 2015-08-19 21:06:07 发布

原创最新推荐文章于 2015-08-19 21:06:07 发布 · 203 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

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

flex 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用Flex与JavaScript进行交互的示例项目。通过一个简单的应用展示如何从Flex调用JavaScript函数来更改浏览器的文档标题，并展示了完整的源代码实现。

1.change.js

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

function changeDocementTitle(title){
    window.document.title = title;
    alert(title);
    return "successful";
}

2.JSAccessFlex.mxml

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

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
   <mx:Script>
        <![CDATA[
            import flash.external.*;
            public function callWrapper():void{
                var str:String;
                if(ExternalInterface.available){
                    var jsFunName:String = "changeDocementTitle";
                    str = ExternalInterface.call(jsFunName,title.text);
                }else{
                    str = "Wrapper not available";
                }
                trace(str);
            }
        ]]>
   </mx:Script>
   <mx:Form >
        <mx:FormItem label="新的标题" fontSize="12">
            <mx:TextInput id="title" />
        </mx:FormItem>
   </mx:Form>
   <mx:Button label="改变窗口标题" click="callWrapper()" fontSize="12"/>
</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>tester</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">

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

<noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
            id="FlexAccessJS" width="100%" height="100%"
            codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
            <param name="movie" value="FlexAccessJS.swf" />
            <param name="quality" value="high" />
            <param name="bgcolor" value="#869ca7" />
            <param name="allowScriptAccess" value="sameDomain" />
            <embed src="FlexAccessJS.swf" quality="high" bgcolor="#869ca7"
                width="100%" height="100%" name="FlexAccessJS" 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>