• JS和Flash(AS)相互调用


    <!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 + "
    ";
                }
            </script>
        </body>
    </html>

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

    import flash.events.MouseEvent;
        
    ExternalInterface.addCallback("JsCallAs", onJsCallAsHandler);
    function onJsCallAsHandler(s:String):void {
        tf.appendText("as收到:" + s + "
    ");
    }
    
    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

  • 相关阅读:
    实验六 进程基础
    实验五 shell脚本编程
    实验四 Linux系统C语言开发环境学习
    实验三:Linux系统用户管理及vim配置
    实验二Linux简单文件操作命令
    实验一 Linux系统与应用准备
    实验八 进程间通信
    实验七 信号
    实验六 进程基础
    实验五 shell脚本编程
  • 原文地址:https://www.cnblogs.com/zhishaofei/p/4237669.html
Copyright © 2020-2023  润新知