[转载]JS和AS交互 作者：ludanlove
这个话题在网上应该说很好找，有很多这方面的资料。比者也看过一些，不过大部分都是AS2与JS进行交互。很少提到AS3，即使有，也让人感觉浅尝辄止。很多东西并没有介绍的太清楚。所有笔者萌生了写这样一篇教程的想法！
提及AS3与外部脚本的交互，笔者认为可以总结成两种。一是AS3调用外部函数，二是外部脚本调用AS3函数。无外乎就这两种。在调用函数的同时，我们还可以向函数传递一些参数。这就达到了传递数据的目的。举一个最简单的例子。我们平时在网络上看 视频的时候，这些用AS3制作的播放器就是由外部脚本（可能是JS,也可能是ASP或其他脚本）传递给它的视频地址。从而就简化我们的后台程序。有的人会 问！你用播放器去读取外部的XML数据不是也可以吗？确实，当时，当你有成千上万个视频的时候，你不可能输入这么多数据。一是比较麻烦，二来是影响了网页 运行的速度。所以，AS3与外部脚本进行交互是非常重要的。
其实，我们做的绝大多数带有交互性的FLASH程序都要多多少少与后台的其他 语言进行交互。这里，我们就以JS脚本来举例说明交互的过程。当然，AS3与JS脚本可以说有血缘关系，具体的大家可以去查看一下FLASH的发展历史。 好了！废话不多说，我们这就开始讲如何让JS与AS3进行一些信息的交换。本节中，我们只讲解JS调用AS3中的函数。反向的调用我们将在下一节中进行讲 解！
首先，我们新建一个FLASH文档，然后在舞台上绘制一个动态文本，该文本的实例名称为wen_txt。好了！美工的部分就算完成了（我们这里是一个非常简单的实例，不要求太复杂。力求突出重点）！
现在，我们要在FLASH中建立一个允许被外部调用的函数。那么如何去建立声明这样一个函数呢？我们要使用到一个类，这个类的名字就是ExternalInterface。很多人都没有太注意过这个类。这个类实际上是在flash.external 包中。这个包是专门用来和外部容器进行通信的。那么对这个ExternalInterface类，它的官方解释是“ExternalInterface 类是外部 API，在 ActionScript 和 Flash Player 的容器之间实现直接通讯的应用程序编程接口，例如，含有 JavaScript 的 HTML 页。”很显然，这里已经提到了JS。好了！下面我们就来写一下脚本吧！如下：
ExternalInterface.addCallback("abcd",yun);
function yun(zi:String):void{
wen_txt.text = zi;
}
我们看，建立一个可以被外部调用的函数实际上就是使用了 ExternalInterface类的addCallback方法。我们可以从宏观上这样理解。但实际上它的真正作用是将一个函数注册为可从容器调用。 实际上我们的FLASH端就这么简单。好了！保存文件，发布。注意！这里，我发布出来的SWF文件的文件名是ab.swf。
上面我们已经将FLASH端的脚本写好了，下面我们来编写JS代码，其实也是一个HTML网页代码，这个HTML代码中包含JS代码！如下：
<!-- saved from url=(0014)about:internet -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FLASH与JS交互</title>
<script language="JavaScript">
function pageInit() {
sendToActionScript("你好");
}
function sendToActionScript(value) {
window.ExternalInterfaceExample.abcd(value);
}
</script>
</head>
<body οnlοad="pageInit();">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="ExternalInterfaceExample" width="500" height="500"
>
<param name="movie" value="ab.swf" />
</object>
</body>
</html>
好了！现在将这个网页保存到和ab.swf同一文件夹下，然后运行这个网页。当程序运行的时候，我们就可以看到FLASH中的动态文本会出现“你好”字样！这个过程就是JS调用AS3函数，同时向FLASH传递了一个参数，或者说传递了一组数据。
关于这段JS代码，我们就不多说了。因为涉及到很多JS脚本的只是。大家可以在网上查找相关的资料，就可以明白这段JS脚本的含义了！
本节我们就讲解到这里，下一节我们讲解，FLASH如何向JS传递参数！
书接上文，上次我们讲到JS向FLASH传递参数。本节我们来讲解FLASH向JS传递参数。
先说说原理吧。实际上我们所浏览的每一个网页都可以看作是一个容 器。那何为容器呢？说白了就是一个盒子。在这个盒子里面放着许多东西，包括网页中的文字，图片，FLASH，脚本，按钮，文本框等。所以，我们的 FLASH如果想访问网页中的JS函数，实际上就是访问上一级中的函数。这种操作相对就要简单一些。因为我们的JS函数对网页中的成员都是公开的，这个网 页中的任何元素都能够调用这个JS函数。同样，FLASH也拥有这样的权限。那么好了！我们来看看在网页中具体是怎样做的。
我们这次先来写网页代码，因为网页这边是接受端。代码如下：
<!-- saved from url=(0014)about:internet -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FLASH与JS交互</title>
<script language="JavaScript">
function sendToJavaScript(value) {
document.forms["form1"].output.value += "n" + "ActionScript says: " + value;
}
</script>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="ExternalInterfaceExample" width="500" height="500"
>
<param name="movie" value="ab.swf" />
</object>
<form name="form1" οnsubmit="return false;">
<textarea cols="60" rows="20" name="output" readonly="true">Initializing...</textarea>
</form>
</body>
</html>
具体的什么意思笔者在这里就不多说了，属于JS方面的知识，大家 可以去查看相关资料。好了下面就是FLASH端的代码了！我们先来做美工界面。画一个输入文本，实例名为wen_txt，再做一个影片剪辑元件，实例名为 an_mc。好了！美工部分做完了！我们来写脚本。如下：
an_mc.addEventListener(MouseEvent.CLICK,chuan);
function chuan(evt:Event):void {
ExternalInterface.call("sendToJavaScript", wen_txt.text);
}
我们看，其实在FLASH中调用外部的JS函数还是用到了ExternalInterface类。而这次我们是使用的call方法。
好了！运行网页，我们在FLASH的输入文本中输入一串文字，然后按一下按钮。之后这段文字就会出现在网页的文本框里面！
大家可以自己动手做一次，体会一下FLASH向JS传递参数的过程！
js与as3相互通信、调用问题
(
这几天在学FLASH的AS3编程，觉得挺有意思的。以前觉得FLASH与AS3的相互调用很神奇，现在一看，还是挺简单的，吧代码贴上来。
AS代码：
import flash.external.ExternalInterface;
ExternalInterface.call("jscall",'abc'); //as调用JS方法，jscall为js的函数名，后面的为参数，可以传递多个参数
txt.text = 'text2';
ExternalInterface.addCallback("jscallfun",getASFun); //提供给JS调用的AS方法
function getASFun(value:String):void {
txt.text = value;
}
HTML部分：
<script language="javascript">
function thisMovie(movieName)
{
if (navigator.appName.indexOf("Microsoft") != -1)
{
return window[movieName];
}
else
{
return document[movieName];
}
}
window.onload = function(){ //此行代码必不可少，如果不用此事件，由于打开页面后，FLASH加载需要时间，可能FLASH还没有加载进来就已经执行到此函数了，从而导致调用失败
thisMovie("FlashID").jscallfun('中国');
}
//alert(thisMovie("FlashID"));
function jscall(str)
{
alert(str);
}
</script>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="800">
<param name="movie" value="test1.swf" />
<param name="quality" value="high" />
<param name="swfversion" value="8.0.35.0" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" />
<embed src="test1.swf" quality="high" wmode="transparent" width="800" height="800" name="FlashID" align="middle" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
</object>
网页JS调用FLASH 小教程
在网页上用JS调用FLASH程序，比如一个视频网站,按照动态服务器程序产生一个URL,点击后，可以在预先制作完成的FLASH 播放器来播放.这次的小教程，只是简单的讲下,用JS调用AS程序，其实FLASH 8在这方面的资料很多.突然发现,从FLASH 2004到FLASH 8,FLASH资料多了很多啊.不过我们这次是说FLASH CS3,于时俱进嘛.
首先,我们先打开FLASH制作接受端口程序来监听JS发送的事件:(我们这次的目的是发送一组字符,很简单的，如果往复杂了做，也是同样的道理)
在FLASH CS3舞台上随便放个动态文本,把实例命名:astxt.接着输入代码:
//用ExternalInterface.addCallback来接受网页上用JS写的JsFunction程序,而beCalled是说明FLASH在
//接收到JS的时候，所发生的事件.
ExternalInterface.addCallback("JsFunction",beCalled);
//txtVar是从JS程序传送过来的变量.
function beCalled(txtVar):void {
astxt.text = txtVar;
}
下面是在网页中写的代码,为了简化代码,我这里就写主要的几个地方.首先在FLASH下面插入一个
<div>
<form name="jsForm">
<input type="text" size="10" value="你好" name="texts"></input>
<input type="button" value="点我啊"
<!-- 下面的代码就是点击网页上的代码后,所调用的程序，注意这个程序叫"callAS3"是放在
<head></head>之内的.document.jsForm.texts.value就是需要传递的变量
-->
οnclick="callAS3(document.jsForm.texts.value)">
</form>
</div>
在之内写上网页按钮点击后所调用的程序.
<script language="javascript" type="text/javascript">
function callAS3(varText){
if(navigator.appName.indexOf("Microsoft") != -1){
//你们可看到JsFunction就是FLASH程序里监听的程序.而JsToAs就是我产生
//的SWF的名字,varText那就是变量参数拉.
JsToAs.JsFunction(varText);
}
else{
window.document.JsToAs.JsFunction(varText);
}
}
</script>
看，这就完成了用JS来调用FLASH.你可以在网页里的input里写入几个字符，点击按钮后，FLASH里的TEXT里就会出现你在网页上所输入的字符.
---------------------------------------------------------------------------
反过来，如何用FLASH里的程序调用JS呢?也简单在刚才的FLASH里继续写.
//在舞台上放一个Button,命名为:btn.
btn.addEventListener(MouseEvent.CLICK, clickHandler);
function clickHandler(e:MouseEvent):void {
//asFunction就是我们要在网页里写的程序.
ExternalInterface.call("asFunction","哈哈,我是来自FLASH");
}
//按钮点击后，就会把"哈哈,我是来自FLASH"这句话传递到网页里.你可以在网页里建立一个TEXT来接收
//这个参数.;
[code]
在网页里的<body></body>之内写上
<form name="form2">
<input type="text" size="10" name="accept"></input>
</form>
在网页的<head></head>里写上
<script language="javascript" type="text/javascript">
function asFunction(varText) {
document.form2.accept.value= varText;
}
</script>
OK,这样网页 就可以从FLASH接受参数,或者由FLASH来调用外部的JS.
转载于:https://www.cnblogs.com/gongzhujiademao/articles/4214790.html
[转载]JS和AS交互 作者：ludanlove相关推荐
- （转载）JS与WebView交互存在的一些问题
JS与WebView交互存在的一些问题 作者 隔壁的李小宝 关注 2015.06.09 19:30 字数 2896 阅读 11117评论 3喜欢 35 一.背景概述 2013年Android平台暴露出 ...
- js与C++交互及C++解析json
转载:http://zhidao.baidu.com/link?url=LLuWzwMmpfVcQeSGv1CrAfRXpnZaetm9xypqwMW6zxLhhKES-rITAsG0-Ku-bSMA ...
- UIWebView与JS的深度交互
事情的起因还是因为项目需求驱动.折腾了两天,由于之前没有UIWebView与JS交互的经历,并且觉得这次在功能上有一定的创造性,特此留下一点文字,方便日后回顾. 我要实现这样一个需求:按照本地的CSS ...
- iOS下JS和原生交互，函数互调
现在越来越多的APP都是H5和原生混合开发,这样确实方便快捷,但是H5的部分总避免不了很多与原生的交互,原生调JS函数还比较简单,原生的API函数stringByEvaluatingJavaScrip ...
- 跨平台实现基础（二）JavascriptInterface原理和Js和Java交互实践
作者:Tamic 更多文章关注开发者技术前线 上一篇<JsCore 原理和实践> 前言 谷歌提供的系统组件WebView,用来加载和展现html网页,其采用webkit内核驱动,来实现网页 ...
- js跨域交互(jQuery+php)之jsonp使用心得
jsonp是什么? 说到jsonp,你可能最先想到JSON:它还真和JSON有关系: JSONP(JSON with Padding)是JSON的一种"使用模式",可用于解决主流浏 ...
- Node.js的用户交互(使用readline模块)
Node.js的用户交互(使用readline模块) 内容来源:https://www.jianshu.com/p/b761111eef72 在程序运行时可以使用键盘对程序进行控制,就像使用shell ...
- Android极简的js与java交互库一一SimpleJavaJsBridge
今日科技快讯 根据相关报道,本月底旧版本Uber中国App将全面停止在中国的服务.内部人士透露,所有的Uber中国司机也正在被转移到滴滴司机的平台上,月底会全部转移完成. 另外滴滴出行新成立了一个部门 ...
- iOS: JS和Native交互的两种方法，iosjsnative交互
iOS: JS和Native交互的两种方法,iosjsnative交互 背景: UIWebView: iOS 用来展示 web 端内容的控件. 1. 核心方法: - (NSString*)string ...
最新文章
- Python list, dict, set, tuple
- ubuntu 运行c++_06_Linux下VSCode简单编程(远程开发WSL_Ubuntu_18.04) | C语言入门
- 鹤峰：美丽的茶乡——人物篇
- mysql往前一天同一时间_Mysql时间轴数据 获取同一天数据的前三条
- C# CSharp 回调函数
- 使用ELK在DC / OS中进行日志管理
- 「转载」微服务分布式架构中，如何实现日志链路跟踪？
- 安全模式 提权_WEB安全第八章实战篇01 提权安全狗服务器
- 数据库完整性详细解释
- stata两种方法查看命令源代码
- python:series详解和数据获取
- NESSUS 安装 6.12 及使用
- 2018年阅读书物列表
- 压缩包设置了解压码忘记了怎么办？
- win10怎么关闭443端口（超详细）
- [Photography] 新摄影笔记
- 安装pyqt5时报错Preparing metadata (pyproject.toml) ... error
- java访问https链接下载图片
- 数据库和表的基本操作
- [SWPUCTF 2021 新生赛]babyrce