首页 > Web开发 > 详细

JS与FLEX|AS实现互相调用

时间:2014-06-10 23:45:22      阅读:615      评论:0      收藏:0      [点我收藏+]

bubuko.com,布布扣

1.AS代码

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

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

function getJsName(name){
	alert("flex调用js成功:"+name);
}

function getFlexMsg()
{
  Test4.flexFunctionAlias();
}
<button onclick="getFlexMsg()">点击调用flex方法</button>


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

<!-- 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 http://flex.org 
// -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--  BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!--  END Browser History required section -->

<title>${title}</title>
<script src="AC_OETags.js" language="javascript"></script>
<!--  BEGIN Browser History required section -->
<script src="history/history.js" language="javascript"></script>
<!--  END Browser History required section -->

<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = ${version_major};
// Minor version of Flash required
var requiredMinorVersion = ${version_minor};
// Minor version of Flash required
var requiredRevision = ${version_revision};
// -----------------------------------------------------------------------------
// -->
</script>
</head>

<body scroll="no">
<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", "${width}",
		"height", "${height}",
		"align", "middle",
		"id", "${application}",
		"quality", "high",
		"bgcolor", "${bgcolor}",
		"name", "${application}",
		"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", "${swf}",
			"width", "${width}",
			"height", "${height}",
			"align", "middle",
			"id", "${application}",
			"quality", "high",
			"bgcolor", "${bgcolor}",
			"name", "${application}",
			"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
  }
  
function getJsName(name){
	alert("flex调用js成功:"+name);
}

function getFlexMsg()
{
  Test4.flexFunctionAlias();
}
// -->
</script>
<noscript>
  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="${application}" width="${width}" height="${height}"
			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
			<param name="movie" value="${swf}.swf" />
			<param name="quality" value="high" />
			<param name="bgcolor" value="${bgcolor}" />
			<param name="allowScriptAccess" value="always" />
			<embed src="${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>
<button onclick="getFlexMsg()">点击调用flex方法</button>
</body>
</html>


本文出自 “我的技术博客” 博客,请务必保留此出处http://programmer.blog.51cto.com/2859493/1423553

JS与FLEX|AS实现互相调用,布布扣,bubuko.com

JS与FLEX|AS实现互相调用

原文:http://programmer.blog.51cto.com/2859493/1423553

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!