<!DOCTYPE html>

<html>

    <head>

        <title>swf</title>

        <meta charset="utf-8"/>

        <style type="text/css">

            html, body { height:100%; background-color: antiquewhite;}

            body { margin:0; padding:0; overflow:hidden; }

        </style>

    </head>

    <body>

        <div id="flashContent">

            <!--embed是给非IE用的，其中embed的name非常重要，必须与ID一致-->

            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="swf">

                <param name="movie" value="swf.swf" />

                <param name="wmode" value="window" />

                <param name="allowScriptAccess" value="always" />

                <embed src="swf.swf" width="550" height="400"

                       name="swf" wmode="window" allowscriptaccess="always" type="application/x-shockwave-flash"

                       pluginspage="http://www.macromedia.com/go/getflashplayer">

            </object>

        </div>

        <div>

            <textarea id="txt" cols="30" rows="10"></textarea>

            <button id="btn">JS call AS</button>

        </div>

        <script type="text/javascript">

            var txt = document.getElementById("txt");

            var btn = document.getElementById("btn");

            var swf = window["swf"] || document["swf"];

            btn.onclick = function() {

                swf["JsCallAs"]("I'm js."); //JsCallAs是flash里addCallback的函数

            }

            function AsCallJs(s){

                txt.value += s + "\n";

            }

        </script>

    </body>

</html>

以上是html代码，以下是AS代码

import flash.events.MouseEvent;

ExternalInterface.addCallback("JsCallAs", onJsCallAsHandler);

function onJsCallAsHandler(s:String):void {

    tf.appendText("as收到：" + s + "\n");

}

btn.addEventListener(MouseEvent.CLICK, onAsCallJsHandler);

function onAsCallJsHandler(e:MouseEvent):void {

    ExternalInterface.call("AsCallJs", "hi! I'm as.");

}

大家都知道，最常用的嵌套flash的方法是OE(object-embed)方式，除此之外还有一些嵌入方式，可以参考kissyui里的文章 http://docs.kissyui.com/1.4/docs/html/tutorials/kissy/swf/embed-swf-onto-webpage.html

本例只考虑OE方式，其他嵌入类型大家自行测试，本文不过多讨论。

本例子在IE6-8及现代浏览器中测试通过 例子使用最标准的OE方式嵌套flash，原理是IE获取object,非IE获取embed，

html中的关键点在于embed的name必须与object的ID一致，否则chrome下调用不到embed，就会出现swf为空，所以浏览器会报出没有JsCallAs方法的错误：

html中关于flash标签的其他属性： wmode在此不会影响调用 在此写上 是为了方便大家复制代码，毕竟这个属性很常用

allowScriptAccess 不为never即可 不写此属性也可以 否则flash无法与js通讯

as中代码比较单纯，不需要太多技巧，参考AS3的API即可，主要是ExternalInterface的call和addCallback方法。



在线演示地址： http://gotoandlearn.net/asjs
												


											
JS和Flash(AS)相互调用的更多相关文章
	

    
								
  1. JS和Ｃ#方法相互调用
		
    JS和C#方法相互调用 1.JS调用C#后台方法 方法一: 1.首先建立一个按钮,在后台将调用或处理的内容写入button_click中;2.在前台写一个js函数,内容为document.getEle ...
    
		
    2. 
						
  2. JS和ASP.net相互调用问题
		
    项目开发时,我们有时候会遇到后台asp调用前台的JS函数,又或者前台JS需要调用后台aspx.cs的函数,这里记录下如何处理这些问题 1.  ASP后台代码中,如果需要运行JS函数,则使用Regist ...
    
		
    3. 
						
  3. 关于jsb中js与c++的相互调用
		
    1.js调用c++函数 在c++中声明函数,名为functionCpp,通过spidermonkey中jsapi的JS_DefineFunction绑定一个js函数,名为functionJS,此函数名 ...
    
		
    4. 
						
  4. js与C#之间相互调用的一些方法
		
    1.获得aspx客户端请求地址: <a src= 'http://<%=Request.Url.Host %><%= ResolveUrl("../PayCenter ...
    
		
    5. 
						
  5. java与js交互，相互调用传参
		
    随着前端技术的发展与H5的广泛使用,移动端采用native+h5的方式越来越多了,对于Android来说就涉及到java与js的交互,相互调用传参等.下面就来看一下java与js交互的简单demo.  ...
    
		
    6. 
						
  6. JS与原生OC/Swift相互调用总结
		
    代码地址如下:http://www.demodashi.com/demo/12754.html JS-OC-Swift JS和OC/Swift相互调用,主要总结了JS和OC交互的三种方式 1.使用UI ...
    
		
    7. 
						
  7. 在WebView中如何让JS与Java安全地互相调用
		
    在现在安卓应用原生开发中,为了追求开发的效率以及移植的便利性,使用WebView作为业务内容展示与交互的主要载体是个不错的折中方案.那么在这种Hybrid(混合式) App中,难免就会遇到页面JS需要 ...
    
		
    8. 
						
  8. JS代码和OC代码的相互调用
		
    JS调用OC 很多应用里面或多或少的调用了网页,来达到绚丽的效果,所谓的JS调用OC.....举个例子吧,网页上有个按钮 点击按钮跳转界面,跳转的动作由OC的代码实现. OC调用JS 还是举个例子,我 ...
    
		
    9. 
						
  9. Unity3D中C#和js方法相互调用
		
    通过查找资料,Unity3D中C#和js要相互调用彼此的方法,js文件必须放在"Standard Assets". "Pro Standard Assets"  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. ASP.NET连接数据库配置文件
			
    // Web.Config <?xml version="1.0" encoding="utf-8"?> <!-- 有关如何配置 ASP.NE ...
    
			
    2. 
						
  2. 内网穿透+VS2015自带IIS express实现本地调试（微信等需要将开发环境暴漏到外网的情况使用）
			
    今天一个兼职结束了,又要开始寻找新的兼职公司了 ,为了贴补家用啊,为了给儿子更好的生活加油! 抒情完毕进入正题,本篇文章要解决的问题是其实在开发微信支付,微信公众号等回调地址必须是外网可访问的80端口 ...
    
			
    3. 
						
  3. C++ 中的 delete[] 机制剖析
			
    本文简单总结了delete[]放在析构函数中VS放在主函数中的区别(针对自己定义类). delete原理简单剖析(摘至https://zhidao.baidu.com/question/1540902 ...
    
			
    4. 
						
  4. Ant学习总结1
			
    一.Ant简介 Ant是用来编译/运行/测试java程序,构建.包装和发布过程中几乎每一件事都可以由Ant的任务来处理. 二.Ant管理项目    当开始一个新的项目时,首先应该编写Ant的构建文件, ...
    
			
    5. 
						
  5. BZOJ 3653: 谈笑风生(DFS序+可持久化线段树)
			
    首先嘛，还是太弱了，想了好久QAQ 然后，这道题么，明显就是求sigma（size[x]） (x是y的儿子且层树小于k) 然后就可以发现：把前n个节点按深度建可持久化线段树，就能用前缀和维护了 其实不 ...
    
			
    6. 
						
  6. wikioi 3132 高精度乘法（FFT）
			
    第一次学FFT，先膜拜一下法法塔大神ORZ 关于FFT的话，有一篇博文特别赞http://z55250825.blog.163.com/blog/static/15023080920143127465 ...
    
			
    7. 
						
  7. map,set,list等集合解析以及HashMap,LinkedHashMap,TreeMap等该选谁的的区别
			
    前言: 今天在整理一些资料时,想起了map,set,list等集合,于是就做些笔记,提供给大家学习参考以及自己日后回顾. Map主要用于存储健值对,根据键得到值,因此不允许键重复(重复了覆盖了),但允 ...
    
			
    8. 
						
  8. 每日java基础知识（01）
			
    1.java语言的主要特点. 跨平台性:一个应用可以不经过修改,就直接在不同的平台上运行. 面向对象:java是面向对象的语言,可以使用对象封装事物的属性和行为,可以使用面向对象的思想进行分析设计,并 ...
    
			
    9. 
						
  9. Laravel的console使用方法
			
    适用场景:分析数据(日志) php artisan make:console 你的命令类名 示例: php artisan make:console Check 在\app\Console\Comma ...
    
			
    10. 
						
  10. 极光开发者服务推出统计产品JAnalytics
			
    极光以提供更加全面的开发者服务为目标,利用极光推送的数据和网络优势结合更丰富的功能,推出了极光统计(英文:JAnalytics).至此,极光开发者服务更加丰富.完善了. 极光统计有独立的统计 SDK, ...
    
			
    11.