Flex 与 JavaScript 实现交互!!

最新推荐文章于 2024-04-26 16:47:03 发布

夜猫人

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量535

点赞数

分类专栏： Flex ActionScript3.0 文章标签： javascript flex function button flash microsoft

本文链接：https://blog.csdn.net/speeder2008/article/details/6070838

版权

Flex 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

ActionScript3.0

2 篇文章 0 订阅

订阅专栏

Flex 与 JavaScript 实现交互!!

FlexJavascript.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" paddingTop="120" width="650" height="420" creationComplete="initApp()">

    <mx:Style>
        .style{ padding:5;}
    </mx:Style>

    <mx:Script>
        <![CDATA[
            import flash.external.ExternalInterface;
            import mx.controls.Alert;

            //初始化回调函数
            public function initApp():void
            {
                this.setupCallbacks();
            }

            //JavaScript 中调用 Action Script
            public function callFromJavascript(s:String):void
            {
                //Alert.show(s,"Flex Alert!!");
                valueFromJavascript.text= s;
            }

            // Action Script 中调用 Javascript
            private function sendToJavascript():void
            {
                ExternalInterface.call("getFromFlex", valueFromJavascript.text);
            }

            //回调函数
            private function setupCallbacks():void
            {
                ExternalInterface.addCallback("callFromJavascript",callFromJavascript);
            }

        ]]>
    </mx:Script>

    <mx:Panel title="ExternalInterface Sample" styleName="style" width="350" height="200">
        <mx:HBox>
            <mx:TextInput id="valueFromJavascript" text="Halo From Flex" />
            <mx:Button click="this.sendToJavascript()" label="Send to Javascript" />
        </mx:HBox>
        <mx:HBox>
            <mx:LinkButton id="linkbutton1" label="GoTo Google.com"
                click="navigateToURL(new URLRequest('temple.html'),'_self')" />
            <mx:Button id="button1" label="TestJavaScript"/>
        </mx:HBox>
    </mx:Panel>

</mx:Application>

FlexJavascript.html

<body scroll="no">
<form id="form1" name="form1">
<script language="JavaScript" type="text/javascript">

</script>
<noscript>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
            id="FlexJavascript" width="650" height="420"


codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
            <param name="movie" value="FlexJavascript.swf" />
            <param name="quality" value="high" />
            <param name="bgcolor" value="#869ca7" />
            <param name="allowScriptAccess" value="sameDomain" />
            <embed src="FlexJavascript.swf" quality="high" bgcolor="#869ca7"
                width="650" height="420" name="FlexJavascript"

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>

<script language="JavaScript" type="text/javascript">

    function getFromFlex(s)
    {
        alert(s.toString());
    }

    //发送到Flex

    function sendToFlex()
    {
        thisMovie("FlexJavascript").callFromJavascript

(document.form1.valueForFlex.value);
    }

    function thisMovie(movieName)
    {
        if(navigator.appName.indexOf("Microsoft")!=-1)
        {
            return window[movieName];
        }
        else
        {
            return document[movieName];
        }
    }

</script>

<input type="text" name="valueForFlex" size="50" value="Halo from Javascript " />
<input type="button" value="getFromFlex" οnclick="sendToFlex()" />

</form>

夜猫人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Flex 与 JavaScript 实现交互!!

Flex 与 JavaScript 实现交互!!<br /><br />FlexJavascript.mxml<br /><br /> <br /><?xml version="1.0" encoding="utf-8"?><br /><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" paddingTop="120" width="650" height="420" creationComplete
复制链接

扫一扫