FLEX JS 互相调用，访问~

最新推荐文章于 2014-02-18 15:28:24 发布

最新推荐文章于 2014-02-18 15:28:24 发布 · 167 阅读

文章标签：

#Flex #Flash #JavaScript #Adobe #CSS #ViewUI

本文介绍了一个使用FlexBuilder3实现的Flex与JavaScript互相调用的例子。通过修改index.template.html文件引入js并设置调用接口，实现了从Flex调用JS函数及从JS调用Flex函数的功能。

开发工具：flexBuilder3

js 文件位置： flex_src/js/hello.js

Flex2js.mxml

<?xml version="1.0" encoding="utf-8"?>  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white" creationComplete="initApp()" > <mx:Script>  </mx:Script> <mx:Button id="button" label="Say 'Hello World'" click="callJavaScript();" /> </mx:Application>

修改工程目录下 html-template/index.template.html 文件

在<head></head> 中添加

在<body></body>中添加

调用flex的按钮：

最后的ndex.template.html 页面模板文件如下：

<html lang="en">  <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <link rel="stylesheet" type="text/css" href="history/history.css" mce_href="history/history.css" />  <title>${title}</title> <mce:script src="AC_OETags.js" mce_src="AC_OETags.js" language="javascript"></mce:script>  <mce:script src="js/hello.js" mce_src="js/hello.js" language="javascript"></mce:script>  <mce:script src="history/history.js" mce_src="history/history.js" language="javascript"></mce:script>  <mce:style></mce:style><style mce_bogus="1">body { margin: 0px; overflow:hidden }</style> <mce:script language="JavaScript" type="text/javascript"></mce:script> </head> <body scroll="no"> 调用flex的按钮 <button onclick="callFlex()">Call App</button> <mce:script language="JavaScript" type="text/javascript"></mce: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="sameDomain" /> <embed src="${swf}.swf" mce_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> </body> </html>

hello.js 文件中的内容如下：（js 文件位置： flex_src/js/hello.js）

function sayHelloWorld(str) { alert("flex call js success,params:"+str); } function callFlex() { var x = Flex2js.callFlex(); alert("call flex success!~"); }

over~~~

需要注意的是，我这个是web项目，部署到tomcat下执行一切正常

如果是纯Flex项目，可能用 alt+shift+x F 执行有问题

在MyEclipse里直接访问页面 bin-debug下面的 html页面则没有问题~