mxml页面:
<"1.0" encoding="utf-8""http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" xmlns:code="http://code.google.com/p/flex-iframe/" creationComplete="initApp()"> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <fx:Script> <![CDATA[ import flash.external.*; //引入ExternalInterface public function initApp():void { ExternalInterface.addCallback("myJsFunction",myAsFuncn); button.addEventListener(MouseEvent.CLICK,buttonClick); } public function myAsFuncn(js:String):String { return "js:"+js+"访问了as:"+asInput.text; } private function buttonClick(event:MouseEvent):void { trace(asInput.text); label.text = "as 调用 js ..."; var result:String = callJS(asInput.text); label.text = "返回值:" + result; } private function callJS(arg:String):String { return ExternalInterface.call("jsMethod",arg); } private function asMethod(arg:String):String { label.text = arg; return "js 调用了 as 成功!"; } ]]> </fx:Script> <s:VGroup width="100%" height="100%"> <s:VGroup width="100%"> <mx:Button x="169.5" y="162" label="点击" fontSize="14" id="button"/> <mx:TextInput id="asInput" x="122" y="76"/> <s:Label id="label"/> </s:VGroup> </s:VGroup> <code:IFrame source="MyHtml.html" width="500" height="500"/> </s:Application>
html页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>MyHtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <script language="JavaScript"> function callAs( ) { var myFlexfun=document.getElementById("myFlexFun"); var result=myFlexfun.myJsFunction(jsinput.value); alert(result); mess.value=result; } function jsMethod(arg) { alert("as 调用 js 成功,参数为:" + arg); return ("as 调用 js 成功!"); } </script> </head> <body> <table> <tr> <td> <object id= "myFlexFun" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="300"> <param name="movie" value="test.swf" /> <param name="quality" value="high" /> <embed src="/UploadFiles/2021-04-02/test.swf">如果试过以上的方法,会发现在被嵌入的Html见面中又嵌入了一个父级的swf文件,如下
这种情况显然不是我想要的结果。于是修改下代码,如下:
mxml页面
<"1.0" encoding="utf-8""http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" xmlns:code="http://code.google.com/p/flex-iframe/" creationComplete="initApp()"> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <fx:Script> <![CDATA[ import flash.external.*; import mx.controls.Alert; import mx.rpc.events.ResultEvent; //引入ExternalInterface public function initApp():void { ExternalInterface.addCallback("sayCallBack",callBack); } public function callBack(str:String):String{ return "Hello "+str; } protected function button1_clickHandler(event:MouseEvent):void { ExternalInterface.call('sayHelloWorld',' Jim'); var array:Array = new Array(); array.push("a", "b","c","d","e"); myIFrame.callIFrameFunction('jsMethod',array,function(str:String):void{ label.text=str; }); } public static function str():String{ return "aaa"; } ]]> </fx:Script> <s:VGroup width="100%" height="100%"> <s:BorderContainer width="100%" height="300" backgroundColor="#00ffaa"> <s:HGroup width="100%"> <s:Button label="调用js" click="button1_clickHandler(event)"/> <mx:Button x="169.5" y="162" label="点击" fontSize="14" id="button"/> <mx:TextInput id="asInput" x="122" y="76"/> <s:Label id="label"/> </s:HGroup> </s:BorderContainer> <s:BorderContainer width="100%" height="300"> <code:IFrame id="myIFrame" source="com/MyHtml.html" width="100%" height="100%"/> </s:BorderContainer> </s:VGroup> </s:Application>html页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>MyHtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <script language="JavaScript"> function callAs( ) { var ifrm =window.parent.xiSwfUrlStr; if (ifrm) { alert(ifrm); }else{ alert('false'); } } function jsMethod(arr) { alert("as 调用 js 成功,参数为:"+arr[4]); return ("as 调用 js 成功!"); } function callA(){ var str=window.parent.document.getElementById("test").sayCallBack("Bill"); if (str) { alert(str); mess.value=str; }else{ alert('false'); } } </script> </head> <body> <table> <tr> <td > <object id= "myFlexFun" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"> <param name="movie" value="../test.swf" /> <param name="quality" value="high" /> </object> </td> </tr> <tr> <td> <input type="input" id="jsinput"/> <input type="button" value="点我看效果" onclick="callA()"/> <input type="input" id="mess"/> </td> </tr> </table> </body> </html>这样,html的js脚本就可以直接调用as脚本,而不需要再次嵌入swf文件。
以上所述是小编给大家介绍的Actionscript与javascript交互实例程序(修改),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“Actionscript与javascript交互实例程序(修改)”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。