1. 在Flex中,ActionScript调用Javascript是比较简单的,说白了就是,在html里,怎么调用Javascript,在ActionScript就怎么调用就可以了
2. 如果用js调用as,就稍微麻烦一点,其实也比较简单
MXML代码:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com//mxml" layout="vertical" horizontalAlign="left" backgroundColor="white" initialize="init()"> <mx:Label text="城市名称:"/> <mx:List dataProvider="{cities}"/> <mx:ArrayCollection> <mx:String>北京</mx:String> <mx:String>上海</mx:String> </mx:ArrayCollection> <mx:Script> <![CDATA[ private function init(): void { //注册回调函数供JavaScript调用 ExternalInterface.addCallback("callActionScript", asFunctionByJs); } private function asFunctionByJs(city: String): void { cities.addItem(city); } ]]> </mx:Script> </mx:Application>
HTML代码(这些代码都是flex builder自动生成的,用于将flash嵌入到网页里,不用仔细看这些代码,注意黄色背景的部分,这是关键部分,是我加入到)
<!-- saved from url=(0014)about:internet --> <html lang="en"> <!-- Smart developers always View Source. This application was built using Adobe Flex, an open source framework for building rich Internet applications that get delivered via the Flash Player or to desktops via Adobe AIR. Learn more about Flex at // --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-" /> <!-- BEGIN Browser History required section --> <link type="text/css" href="https://www.jb51.net/history/history.css" /> <!-- END Browser History required section --> <title></title> <script src="https://www.jb51.net/AC_OETags.js" language="javascript"></script> <!-- BEGIN Browser History required section --> <script src="https://www.jb51.net/history/history.js" language="javascript"></script> <!-- END Browser History required section --> <style> body {}{ margin: px; overflow:hidden } </style> <script language="JavaScript" type="text/javascript"> <!-- // ----------------------------------------------------------------------------- // Globals // Major version of Flash required var requiredMajorVersion = 9; // Minor version of Flash required var requiredMinorVersion = 0; // Minor version of Flash required var requiredRevision = 124; // ----------------------------------------------------------------------------- // --> </script> <script type="text/javascript"> function callActionScript(value) { //根据id获取flash实例,在这里id是CallAsFromJs,可以从Embed var flash = (navigator.appName.indexOf ("Microsoft") !=-)?window["CallAsFromJs"]:document["CallAsFromJs"]; //调用ActionScript注册的回调方法 flash.callActionScript(value); } </script> </head> <body scroll="no"> 输入城市名称:<input type="text"/><input type="button" value="添加城市"/> <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", "100%", "height", "100%", "align", "middle", "id", "CallAsFromJs", "quality", "high", "bgcolor", "#ffffff", "name", "CallAsFromJs", "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", "CallAsFromJs", "width", "%", "height", "%", "align", "middle", "id", "CallAsFromJs", "quality", "high", "bgcolor", "#ffffff", "name", "CallAsFromJs", "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=https://www.adobe.com/go/getflash/>Get Flash</a>'; document.write(alternateContent); // insert non-flash content } // --> </script> <noscript> <object classid="clsid:DCDBE-AED-cf-B-" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"> <param value="https://www.jb51.net/CallAsFromJs.swf" /> <param value="high" /> <param value="#ffffff" /> <param value="sameDomain" /> <embed src="https://www.jb51.net/CallAsFromJs.swf" quality="high" bgcolor="#ffffff" 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>
总结,js调用as,大概分为3步:
1.as使用ExternalInterface.addCallback注册回调函数
2.在js函数中根据flash在网页中的id获取实例
3.用上面获取到flash实例,调用as的函数