JavaScript与ActionScript交互简单实例

michaeltangbin

浏览: 271681 次
性别:
来自: 黑龙江省

最近访客更多访客>>

just_wuwei

Lemonprenicess

songzhihuis

newLinuxJava

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

flex学习

ActionScript JavaScript Flex Flash VBScript

之前一直在研究AS，虽然对JS与AS通信也充满了好奇。正好，今天有同学，在工作的时候要到用相关的技术。我就研究了一下，做了一个简单实例。简单的实现了JS与AS之间的通信。

首先，看一下JS调用AS。在Flex中通过ExternalInterface调用addCallback()来将AS的一个方法注册为一个JS和VBScript可以调用的方法。

函数如下：

addCallback(function_name:String, closure:Function):void
其中function_name就是Flex对外部展示，能够被JS调用的函数。

closure是Flex中AS写的函数。

现在Flex中，已经讲AS代码提供出来了，等待JS去调用。那么在Html页面中，先获得SWF对象的引用，也就是用<object .../>声明的Swf的Id属性，比如说是MyFlexApp。然后就可以用MyFlexApp调用Flex中的方法了。

JS调用AS完整实例如下

Flex工程代码

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
	layout="absolute" width="404" height="314"
    creationComplete="initApp()">
	<mx:Script>
		<![CDATA[
		
     		import flash.external.*;                   //引入ExternalInterface
    		public function myAsFuncn(js:String):String
    		{
    			return  "js:"+js+"访问了as："+asInput.text;
    		}
		    public function initApp():void 
		    {
		        ExternalInterface.addCallback("myJsFunction",myAsFuncn);
		    }

			
		]]>
	</mx:Script>
	<mx:Button x="169.5" y="162" label="点击" fontSize="14"/>
	<mx:TextInput  id="asInput" x="122" y="76"/>
	
</mx:Application>

Html代码

<html>
  <head>
	<script language="JavaScript">

		function callAs( )
		{
			var myFlexfun=document.getElementById("myFlexFun");
			var result=myFlexfun.myJsFunction(jsinput.value);
			alert(result);
		}
	</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="test.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="300"></embed> 
</object> </td>
		</tr>
		<tr>
		   <td> <input type="input" id="jsinput"/><input type="button" value="点我看效果" onclick="callAs()"/></td>
		</tr>	
          </table>
	</body>
</html>

测试结果

到此，JS调用AS完毕！

查看图片附件

分享到：

JS+AS+SWFloader ，html页面中动态加载SW ... | Datagrid中添加自定义组件和事件相应

2009-02-24 00:05
浏览 4424
评论(3)
查看更多

3 楼 leipan19890705 2012-07-04

AS调用JS里的呢？有没有？我的一直不成功。

2 楼 brightACE 2011-03-21

不错，学习了

1 楼 zhengyutong 2010-02-08

不错，收藏了。

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论