Javascript 调用 ActionScript 的简单方法


Posted in Javascript onSeptember 22, 2016

1. 在Flex中,ActionScript调用Javascript是比较简单的,说白了就是,在html里,怎么调用Javascript,在ActionScript就怎么调用就可以了

2. 如果用js调用as,就稍微麻烦一点,其实也比较简单

MXML代码:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com//mxml" layout="vertical" horizontalAlign="left" backgroundColor="white"
initialize="init()">
<mx:Label text="城市名称:"/>
<mx:List id="cityList" width="" height="" dataProvider="{cities}"/>
<mx:ArrayCollection id="cities">
<mx:String>北京</mx:String>
<mx:String>上海</mx:String>
</mx:ArrayCollection>
<mx:Script>
<![CDATA[
private function init(): void
{
//注册回调函数供JavaScript调用
ExternalInterface.addCallback("callActionScript", asFunctionByJs);
}
private function asFunctionByJs(city: String): void
{
cities.addItem(city); 
}
]]>
</mx:Script>
</mx:Application>

HTML代码(这些代码都是flex builder自动生成的,用于将flash嵌入到网页里,不用仔细看这些代码,注意黄色背景的部分,这是关键部分,是我加入到)

<!-- 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-" />
<!-- BEGIN Browser History required section -->
<link rel="stylesheet" type="text/css" href="history/history.css" />
<!-- END Browser History required section -->
<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: px; overflow:hidden }
</style>
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required

var requiredMajorVersion = 9;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 124;
// -----------------------------------------------------------------------------
// -->
</script>
<script type="text/javascript">
function callActionScript(value)
{
//根据id获取flash实例,在这里id是CallAsFromJs,可以从Embed
var flash = (navigator.appName.indexOf ("Microsoft") !=-)?window["CallAsFromJs"]:document["CallAsFromJs"];
//调用ActionScript注册的回调方法
flash.callActionScript(value);
}
</script>
</head>
<body scroll="no">
输入城市名称:<input type="text" id="newCityName"/><input type="button" value="添加城市" onclick="callActionScript(newCityName.value);"/>
<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", "100%",
"height", "100%",
"align", "middle",
"id", "CallAsFromJs",
"quality", "high",
"bgcolor", "#ffffff",
"name", "CallAsFromJs",
"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", "CallAsFromJs",
"width", "%",
"height", "%",
"align", "middle",
"id", "CallAsFromJs",
"quality", "high",
"bgcolor", "#ffffff",
"name", "CallAsFromJs",
"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
}
// -->
</script>
<noscript>
<object classid="clsid:DCDBE-AED-cf-B-"
id="CallAsFromJs" width="%" height="%"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="movie" value="CallAsFromJs.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="allowScriptAccess" value="sameDomain" />
<embed src="CallAsFromJs.swf" quality="high" bgcolor="#ffffff"
width="%" height="%" name="CallAsFromJs" 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>

总结,js调用as,大概分为3步:

1.as使用ExternalInterface.addCallback注册回调函数

2.在js函数中根据flash在网页中的id获取实例

3.用上面获取到flash实例,调用as的函数

以上所述是小编给大家介绍的Javascript 调用 ActionScript 的简单方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery创建插件的代码分析
Apr 14 Javascript
js将json格式内容转换成对象的方法
Nov 01 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
Jul 27 Javascript
浅析JavaScript函数的调用模式
Aug 10 Javascript
微信小程序 progress组件详解及实例代码
Oct 25 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
使用socket.io实现简单聊天室案例
Jan 02 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
Mar 05 Javascript
再谈Angular4 脏值检测(性能优化)
Apr 23 Javascript
vuejs 动态添加input框的实例讲解
Aug 24 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
Oct 19 Javascript
解决vue刷新页面以后丢失store的数据问题
Aug 11 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 #Javascript
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
Sep 22 #Javascript
自制微信公众号一键排版工具
Sep 22 #Javascript
IONIC自定义subheader的最佳解决方案
Sep 22 #Javascript
详解Node.js中的事件机制
Sep 22 #Javascript
AngularJS通过$sce输出html的方法
Sep 22 #Javascript
JavaScript 随机验证码的生成实例代码
Sep 22 #Javascript
You might like
收音机玩机评测 406 篇视频合集
2020/03/11 无线电
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
关于Laravel-admin的基础用法总结和自定义model详解
2019/10/08 PHP
一个选择最快的服务器转向代码
2009/04/27 Javascript
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
jQuery中filter()和find()的区别深入了解
2013/09/25 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
JS中如何实现Laravel的route函数详解
2017/02/12 Javascript
canvas实现爱心和彩虹雨效果
2017/03/09 Javascript
原生JS获取元素的位置与尺寸实现方法
2017/10/18 Javascript
微信小程序页面间值传递的两种方法
2018/11/26 Javascript
Vuex的actions属性的具体使用
2019/04/14 Javascript
javascript创建元素和删除元素实例小结
2019/06/19 Javascript
JS实现随机抽选获奖者
2019/11/07 Javascript
Vue中 axios delete请求参数操作
2020/08/25 Javascript
JavaScript函数柯里化实现原理及过程
2020/12/02 Javascript
[00:32]2018DOTA2亚洲邀请赛Secret出场
2018/04/03 DOTA
Python3基础之输入和输出实例分析
2014/08/18 Python
学习python之编写简单乘法口诀表实现代码
2016/02/27 Python
简单掌握Python的Collections模块中counter结构的用法
2016/07/07 Python
python实现发送邮件功能代码
2017/12/14 Python
解决pandas使用read_csv()读取文件遇到的问题
2018/06/15 Python
Tensorflow 训练自己的数据集将数据直接导入到内存
2018/06/19 Python
python实现对csv文件的列的内容读取
2018/07/04 Python
python高阶爬虫实战分析
2018/07/29 Python
python使用pygame框架实现推箱子游戏
2018/11/20 Python
解决python3 Pycharm上连接数据库时报错的问题
2018/12/03 Python
python——全排列数的生成方式
2020/02/26 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
numpy矩阵数值太多不能全部显示的解决
2020/05/14 Python
详解Python yaml模块
2020/09/23 Python
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
法人授权委托书
2014/04/03 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
无工作证明怎么写
2015/06/15 职场文书