手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Javascript 调用 ActionScript 的简单方法
Javascript 调用 ActionScript 的简单方法
摘要:1.在Flex中,ActionScript调用Javascript是比较简单的,说白了就是,在html里,怎么调用Javascript,在A...

1. 在Flex中,ActionScript调用Javascript是比较简单的,说白了就是,在html里,怎么调用Javascript,在ActionScript就怎么调用就可以了

2. 如果用js调用as,就稍微麻烦一点,其实也比较简单

MXML代码:

<"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 id="cityList" width="" height="" dataProvider="{cities}"/> <mx:ArrayCollection id="cities"> <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嵌入到网页里,不用仔细看这些代码,注意黄色背景的部分,这是关键部分,是我加入到)

<> <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 http://flex.org // --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-" /> <> <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: 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") !=-)"CallAsFromJs"]:document["CallAsFromJs"]; //调用ActionScript注册的回调方法 flash.callActionScript(value); } </script> </head> <body scroll="no"> 输入城市名称:<input type="text" id="newCityName"/><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) "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=http://www.adobe.com/go/getflash/>Get Flash</a>'; document.write(alternateContent); // insert non-flash content } // --> </script> <noscript> <object classid="clsid:DCDBE-AED-cf-B-" id="CallAsFromJs" width="%" height="%" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"> <param name="movie" value="CallAsFromJs.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="allowScriptAccess" value="sameDomain" /> <embed src="CallAsFromJs.swf" quality="high" bgcolor="#ffffff" width="%" height="%" name="CallAsFromJs" 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>

总结,js调用as,大概分为3步:

1.as使用ExternalInterface.addCallback注册回调函数

2.在js函数中根据flash在网页中的id获取实例

3.用上面获取到flash实例,调用as的函数

以上所述是小编给大家介绍的Javascript 调用 ActionScript 的简单方法,希望对大家有所帮助,如果大家有任何疑问请给我们留言,小编会及时回复大家的。在此也非常感谢大家对查字典教程网的支持!

【Javascript 调用 ActionScript 的简单方法】相关文章:

Javascript实现div层渐隐效果的方法

JavaScript中的私有成员

javascript获取select值的方法分析

JavaScript中的bold()方法使用详解

JavaScript动态添加style节点的方法

Javascript中With语句用法实例

JavaScript常用数组算法小结

JavaScript中的blink()方法的使用

javascript常用的方法分享

javascript中动态函数用法

精品推荐
分类导航