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 相关文章推荐
javascript call方法使用说明
Jan 11 Javascript
基于Jquery制作的幻灯片图集效果打包下载
Feb 12 Javascript
JavaScript实现表格排序方法
Jun 14 Javascript
网页广告中JS代码的信息监听示例
Apr 02 Javascript
js实现的四级左侧网站分类菜单实例
May 06 Javascript
Jquery技巧(必须掌握)
Mar 16 Javascript
微信小程序 wx:for的使用实例详解
Apr 27 Javascript
JS正则表达式验证中文字符
May 08 Javascript
react native带索引的城市列表组件的实例代码
Aug 08 Javascript
详解.vue文件解析的实现
Jun 11 Javascript
Node.js API详解之 util模块用法实例分析
May 09 Javascript
javascript递归函数定义和用法示例分析
Jul 22 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
浅谈PHP强制类型转换,慎用!
2013/06/06 PHP
CI框架中集成CKEditor编辑器的教程
2014/06/09 PHP
Codeigniter实现处理用户登录验证后的URL跳转
2014/06/12 PHP
php实现在服务器上创建目录的方法
2015/03/16 PHP
PHP实现的一致性哈希算法完整实例
2015/11/14 PHP
PHP实现二维数组按某列进行排序的方法
2016/11/18 PHP
js 判断 enter 事件
2009/02/12 Javascript
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
ie 7/8不支持trim的属性的解决方案
2014/05/23 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
2017/08/07 Javascript
Angular中使用MathJax遇到的一些问题
2017/12/15 Javascript
Vue2.0用户权限控制解决方案的示例
2018/02/10 Javascript
vue实现选项卡及选项卡切换效果
2018/04/24 Javascript
vue router 配置路由的方法
2018/07/26 Javascript
在小程序中推送模板消息的实现方法
2019/07/22 Javascript
js实现列表向上无限滚动
2020/01/13 Javascript
vue导入.md文件的步骤(markdown转HTML)
2020/12/31 Vue.js
用Python编写web API的教程
2015/04/30 Python
python计算一个序列的平均值的方法
2015/07/11 Python
Python爬虫PyQuery库基本用法入门教程
2018/08/04 Python
win10 64bit下python NLTK安装教程
2018/09/19 Python
详谈Python 窗体(tkinter)表格数据(Treeview)
2018/10/11 Python
python交换两个变量的值方法
2019/01/12 Python
python生成带有表格的图片实例
2019/02/03 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
django2笔记之路由path语法的实现
2019/07/17 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
Django使用django-simple-captcha做验证码的实现示例
2021/01/07 Python
css 如何让背景图片拉伸填充避免重复显示
2013/07/11 HTML / CSS
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
工业学校毕业生自荐书
2014/01/03 职场文书
执行总经理岗位职责
2014/02/03 职场文书
2015年三万活动总结
2015/03/25 职场文书
党风廉政教育心得体会2016
2016/01/22 职场文书
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏