JS与FLEX|AS实现互相调用

2025-01-18 技术教程

1.AS代码

<?xmlversion="1.0"encoding="utf-8"?><mx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"width="200"height="200"creationComplete="initApp()"><mx:Script><![CDATA[importmx.controls.Alert;importflash.external.ExternalInterface;Security.allowDomain("*");Security.allowInsecureDomain("*");publicfunctioninitApp():void{//js要调用flex方法，首先在flex中必须注册，将as方法注册为js可调用的方法//第一个是js中调用时用的名称，第二个是as中定义的方法ExternalInterface.addCallback("flexFunctionAlias",asFunc);}publicfunctionasFunc():void{Alert.show("js调用flex成功!");}publicfunctiongetJsFunction():void{ExternalInterface.call("getJsName","姓名");//调用js函数getJsName}]]></mx:Script><mx:Buttonclick="getJsFunction()"label="调用js"/></mx:Application>

2.html代码(index.template.html)

functiongetJsName(name){alert("flex调用js成功:"+name);}functiongetFlexMsg(){Test4.flexFunctionAlias();}

<buttononclick="getFlexMsg()">点击调用flex方法</button>

以下为所有的index.template.html代码

<htmllang="en"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><linkrel="stylesheet"type="text/css"href="history/history.css"/><title>${title}</title><scriptsrc="AC_OETags.js"language="javascript"></script><scriptsrc="history/history.js"language="javascript"></script><style>body{margin:0px;overflow:hidden}</style><scriptlanguage="JavaScript"type="text/javascript"></script></head><bodyscroll="no"><scriptlanguage="JavaScript"type="text/javascript"></script><noscript><objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"id="${application}"width="${width}"height="${height}"codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"><paramname="movie"value="${swf}.swf"/><paramname="quality"value="high"/><paramname="bgcolor"value="${bgcolor}"/><paramname="allowScriptAccess"value="always"/><embedsrc="${swf}.swf"quality="high"bgcolor="${bgcolor}"width="${width}"height="${height}"name="${application}"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><buttononclick="getFlexMsg()">点击调用flex方法</button></body></html>