Flex 與 JavaScript 實現互動!!

最後更新：2018-12-03 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

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">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install

(6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);

// Version check based upon the values defined in globals
var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion,

requiredRevision);

if ( hasProductInstall && !hasRequestedVersion ) {
    // DO NOT MODIFY THE FOLLOWING FOUR LINES
    // Location visited after installation is complete if installation is required
    var MMPlayerType = (isIE == true) ? "ActiveX" : "PlugIn";
    var MMredirectURL = window.location;
    document.title = document.title.slice(0, 47) + " - Flash Player Installation";
    var MMdoctitle = document.title;

    AC_FL_RunContent(
        "src", "playerProductInstall",
        "FlashVars", "MMredirectURL="+MMredirectURL+'&MMplayerType='+MMPlayerType

+'&MMdoctitle='+MMdoctitle+"",
        "width", "650",
        "height", "420",
        "align", "middle",
        "id", "FlexJavascript",
        "quality", "high",
        "bgcolor", "#869ca7",
        "name", "FlexJavascript",
        "allowScriptAccess","sameDomain",
        "type", "application/x-shockwave-flash",
        "pluginspage", "http://www.adobe.com/go/getflashplayer"
    );
} else if (hasRequestedVersion) {
    // if we've detected an acceptable version
    // embed the Flash Content SWF when all tests are passed
    AC_FL_RunContent(
            "src", "FlexJavascript",
            "width", "650",
            "height", "420",
            "align", "middle",
            "id", "FlexJavascript",
            "quality", "high",
            "bgcolor", "#869ca7",
            "name", "FlexJavascript",
            "allowScriptAccess","sameDomain",
            "type", "application/x-shockwave-flash",
            "pluginspage", "http://www.adobe.com/go/getflashplayer"
    );
} else { // flash is too old or we can't detect the plugin
    var alternateContent = 'Alternate HTML content should be placed here. '
    + 'This content requires the Adobe Flash Player. '
       + '<a href=http://www.adobe.com/go/getflash/>Get Flash</a>';
    document.write(alternateContent); // insert non-flash content
}
// -->
</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>

    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>

</form>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More