FLEX JS 互相调用，访问~-技术博客集

FLEX JS 互相调用，访问~
编程技术 / houtizong 发布于 3年前 73

开发工具：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页面则没有问题~

上一篇：js encode ,java decode，virtools 页面播放~

下一篇：《Java加密与解密的艺术》读后感

请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！

<p>开发工具 ：flexBuilder3</p> <p>js 文件位置： flex_src/js/hello.js</p> <p>Flex2js.mxml </p> <p><textarea name="code" class="java">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;&lt;!-- http://blog.flexexamples.com/2008/03/09/calling-javascript-functions-from-your-flex-applications-using-the-externalinterface-api/ --&gt;&lt;mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot;        layout=&quot;vertical&quot;        verticalAlign=&quot;middle&quot;        backgroundColor=&quot;white&quot;        creationComplete=&quot;initApp()&quot;        &gt;    &lt;mx:Script&gt;        &lt;!--[CDATA[                     private function initApp():void{           //添加一个函数，callFlex 供js调用，实际调用的是Flex中的jsCallFlex 函数           ExternalInterface.addCallback(&quot;callFlex&quot;,jsCallFlex);           }                       private function callJavaScript():void {            //Flex调用js函数sayHelloWorld ，并且传递参数params                ExternalInterface.call(&quot;sayHelloWorld&quot;,&quot;params&quot;);            }            //真正的供js调用的Flex里的函数            public function jsCallFlex():void{            button.label=&quot;js call flex successful!&quot;;            }                     ]]--&gt;    &lt;/mx:Script&gt;    &lt;mx:Button id=&quot;button&quot; label=&quot;Say 'Hello World'&quot;            click=&quot;callJavaScript();&quot; /&gt;&lt;/mx:Application&gt;</textarea></p> <p>修改工程目录下 html-template/index.template.html 文件</p> <p>在&lt;head&gt;&lt;/head&gt; 中添加 </p> <p>&lt;!-- add by hpf --&gt;</p> <p>&lt;script src=&quot;js/hello.js&quot; language=&quot;javascript&quot;&gt;&lt;/script&gt;</p> <p>在&lt;body&gt;&lt;/body&gt;中添加</p> <p>调用flex的按钮：</p> <p>&lt;button onclick=&quot;callFlex()&quot;&gt;Call App&lt;/button&gt;</p> <p>最后的ndex.template.html 页面模板文件如下：</p> <p><textarea name="code" class="xhtml">&lt;!-- saved from url=(0014)about:internet --&gt;&lt;html lang=&quot;en&quot;&gt;&lt;!-- Smart developers always View Source. This application was built using Adobe Flex, an open source frameworkfor building rich Internet applications that get delivered via theFlash Player or to desktops via Adobe AIR. Learn more about Flex at http://flex.org // --&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&lt;!--  BEGIN Browser History required section --&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;history/history.css&quot; mce_href=&quot;history/history.css&quot; /&gt;&lt;!--  END Browser History required section --&gt;&lt;title&gt;${title}&lt;/title&gt;&lt;mce:script src=&quot;AC_OETags.js&quot; mce_src=&quot;AC_OETags.js&quot; language=&quot;javascript&quot;&gt;&lt;/mce:script&gt;&lt;!--  add by hpf  --&gt;&lt;mce:script src=&quot;js/hello.js&quot; mce_src=&quot;js/hello.js&quot; language=&quot;javascript&quot;&gt;&lt;/mce:script&gt;&lt;!--  BEGIN Browser History required section --&gt;&lt;mce:script src=&quot;history/history.js&quot; mce_src=&quot;history/history.js&quot; language=&quot;javascript&quot;&gt;&lt;/mce:script&gt;&lt;!--  END Browser History required section --&gt;&lt;mce:style&gt;&lt;!--body { margin: 0px; overflow:hidden }--&gt;&lt;/mce:style&gt;&lt;style mce_bogus=&quot;1&quot;&gt;body { margin: 0px; overflow:hidden }&lt;/style&gt;&lt;mce:script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&gt;&lt;!--// -----------------------------------------------------------------------------// Globals// Major version of Flash requiredvar requiredMajorVersion = ${version_major};// Minor version of Flash requiredvar requiredMinorVersion = ${version_minor};// Minor version of Flash requiredvar requiredRevision = ${version_revision};// -----------------------------------------------------------------------------// --&gt;&lt;/mce:script&gt;&lt;/head&gt;&lt;body scroll=&quot;no&quot;&gt;调用flex的按钮&lt;button onclick=&quot;callFlex()&quot;&gt;Call App&lt;/button&gt;&lt;mce:script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot;&gt;&lt;!--// 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 globalsvar hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);if ( hasProductInstall &amp;&amp; !hasRequestedVersion ) {// DO NOT MODIFY THE FOLLOWING FOUR LINES// Location visited after installation is complete if installation is requiredvar MMPlayerType = (isIE == true) ? &quot;ActiveX&quot; : &quot;PlugIn&quot;;var MMredirectURL = window.location;    document.title = document.title.slice(0, 47) + &quot; - Flash Player Installation&quot;;    var MMdoctitle = document.title;AC_FL_RunContent(&quot;src&quot;, &quot;playerProductInstall&quot;,&quot;FlashVars&quot;, &quot;MMredirectURL=&quot;+MMredirectURL+'&amp;MMplayerType='+MMPlayerType+'&amp;MMdoctitle='+MMdoctitle+&quot;&quot;,&quot;width&quot;, &quot;${width}&quot;,&quot;height&quot;, &quot;${height}&quot;,&quot;align&quot;, &quot;middle&quot;,&quot;id&quot;, &quot;${application}&quot;,&quot;quality&quot;, &quot;high&quot;,&quot;bgcolor&quot;, &quot;${bgcolor}&quot;,&quot;name&quot;, &quot;${application}&quot;,&quot;allowScriptAccess&quot;,&quot;sameDomain&quot;,&quot;type&quot;, &quot;application/x-shockwave-flash&quot;,&quot;pluginspage&quot;, &quot;http://www.adobe.com/go/getflashplayer&quot;);} else if (hasRequestedVersion) {// if we've detected an acceptable version// embed the Flash Content SWF when all tests are passedAC_FL_RunContent(&quot;src&quot;, &quot;${swf}&quot;,&quot;width&quot;, &quot;${width}&quot;,&quot;height&quot;, &quot;${height}&quot;,&quot;align&quot;, &quot;middle&quot;,&quot;id&quot;, &quot;${application}&quot;,&quot;quality&quot;, &quot;high&quot;,&quot;bgcolor&quot;, &quot;${bgcolor}&quot;,&quot;name&quot;, &quot;${application}&quot;,&quot;allowScriptAccess&quot;,&quot;sameDomain&quot;,&quot;type&quot;, &quot;application/x-shockwave-flash&quot;,&quot;pluginspage&quot;, &quot;http://www.adobe.com/go/getflashplayer&quot;);  } 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. '   + '&lt;a href=&quot;http://www.adobe.com/go/getflash&quot; mce_href=&quot;http://www.adobe.com/go/getflash&quot;&gt;&lt;/a&gt;Get Flash&lt;/a&gt;';    document.write(alternateContent);  // insert non-flash content  }// --&gt;&lt;/mce:script&gt;&lt;noscript&gt;  &lt;object classid=&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot;id=&quot;${application}&quot; width=&quot;${width}&quot; height=&quot;${height}&quot;codebase=&quot;http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;${swf}.swf&quot; /&gt;&lt;param name=&quot;quality&quot; value=&quot;high&quot; /&gt;&lt;param name=&quot;bgcolor&quot; value=&quot;${bgcolor}&quot; /&gt;&lt;param name=&quot;allowScriptAccess&quot; value=&quot;sameDomain&quot; /&gt;&lt;embed src=&quot;${swf}.swf&quot; mce_src=&quot;${swf}.swf&quot; quality=&quot;high&quot; bgcolor=&quot;${bgcolor}&quot;width=&quot;${width}&quot; height=&quot;${height}&quot; name=&quot;${application}&quot; align=&quot;middle&quot;play=&quot;true&quot;loop=&quot;false&quot;quality=&quot;high&quot;allowScriptAccess=&quot;sameDomain&quot;type=&quot;application/x-shockwave-flash&quot;pluginspage=&quot;http://www.adobe.com/go/getflashplayer&quot;&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/noscript&gt;&lt;/body&gt;&lt;/html&gt;</textarea></p> <p>hello.js 文件中的内容如下：（js 文件位置： flex_src/js/hello.js）</p> <p><textarea name="code" class="javascript">function sayHelloWorld(str) {     alert(&quot;flex call js success,params:&quot;+str); }    function callFlex() {        var x = Flex2js.callFlex();        alert(&quot;call flex success!~&quot;);    }</textarea></p> <p>over~~~</p> <p>需要注意的是，我这个是web项目，部署到tomcat下执行一切正常</p> <p>如果是纯Flex项目，可能用 alt+shift+x F 执行有问题</p> <p>在MyEclipse里直接访问页面 bin-debug下面的 html页面则没有问题~</p>                            </div>

留言需要登陆哦

技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];

文章归档

文章标签

友情链接

首页
关于我们

Auther ·HouTiZong: 侯体宗的博客