`
tomEnjoy
  • 浏览: 145694 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

javascript和Flash ActionScript的交互

    博客分类:
  • Ext
阅读更多
原文地址:http://www.cnblogs.com/webabcd/archive/2009/11/05/1596687.html
介绍
演示使用 Flash ActionScript 3.0 获取配置参数,页面参数,以及 js 与 as 间的交互
参数获取 - 通过 Application.application.stage.loaderInfo.parameters[param] 获取配置参数(flashVars);通过 JavaScript 获取 url 参数
与JavaScript交互 - 利用 ExternalInterface 实现 ActionScript 和 JavaScript 间的相互调用


Flash 端
Main.as
/*
* 注:
* 1、如果需要 Flash 与 JavaScript 交互,那么包含 swf 文件的 html 标记必须要有 id
* 2、如跨域调用,需要设置相关的插件参数,如 <param name="allowScriptAccess" value ="always" />
* 3、Flash端的相关安全类配置:类似 flash.system.Security.allowDomain("*");
*/
package
{
    import flash.display.MovieClip;
    import flash.external.ExternalInterface;

    public class Main extends MovieClip
    {
        public function Main():void
        {
            loadVarsDemo();
           
            asCallJS();
           
            jsCallAS();
        }
       
       
        // 获取页面端配置的参数
        // 下面的示例用于读取页面端的如下配置
        // <param name="movie" value="Demo.swf?name=webabcd&age=29&dateOfBirth=1980-02-14" />
        private function loadVarsDemo():void
        {
            lblVars.text =
                "姓名:" + stage.loaderInfo.parameters["name"]
                + "  "
                + "年龄:" + stage.loaderInfo.parameters["age"]
                + "  "
                + "生日:" + stage.loaderInfo.parameters["dateOfBirth"];
               
            lblSwfUrl.text = stage.loaderInfo.url;
        }
       
       
        // ActionScript 调用 JavaScript
        private function asCallJS():void
        {
            // 调用指定的 JavaScript 端的函数,并顺序指定传递给 JavaScript 端函数的参数
            ExternalInterface.call("jsMethod", "param1", "param2");
        }
       
       
        // JavaScript 调用 ActionScript 时,ActionScript 端的函数
        private function jsCallAS():void
        {
            // 注册一个需要被 JavaScript 调用的函数
            ExternalInterface.addCallback("asMethod", output);  
        }
       
        public function output(p1:String, p2:String):void
        {  
            lblResult.text = "参数1:" + p1 + " 参数2:" + p2
        } 
    }
}

Web 端
Demo.html
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh_cn" lang="zh_cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Demo</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#ffffff">

<script type="text/javascript">

    Request = {
        // 根据指定的名称取 url 参数值
        QueryString : function(name){
           var svalue = location.search.match(new RegExp("[\?\&]" + name + "=([^\&]*)(\&?)","i"));
           return svalue ? svalue[1] : svalue;
        },
       
        // 取 url 参数字符串
        Query : function(){
           var svalue = location.search.match(new RegExp("[\?](.*)","i"));
           return svalue ? svalue[1] : svalue;
        }
    }
   
    // 根据指定的名称取 url 参数值
    alert(Request.QueryString("param"));
   
    // 取 url 参数字符串
    alert(Request.Query());
   
</script>

<script type="text/javascript">

    // ActionScript 调用 JavaScript 时,JavaScript 端的函数
    function jsMethod(p1, p2)
    {
        alert("参数1:" + p1 + " 参数2:" + p2);
    }

    // JavaScript 调用 ActionScript
    window.onload = function()
    {
        var swfObj = document.getElementById('Demo');  
   
        // asMethod 为 ActionScript 端注册的可被 JavaScript 调用的函数
        swfObj.asMethod("param1", "param2");
    }
   
</script>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400" id="Demo" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="Demo.swf?dateOfBirth=1980-02-14" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#ffffff" />   
    <embed src="Demo.swf?name=webabcd&age=29" quality="high" bgcolor="#ffffff" width="550" height="400" name="Demo" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

</body>
</html>
分享到:
评论

相关推荐

    javascript与flash之间的交互(例子)

    JavaScript 和 Flash 之间的交互是 Web 开发中的一个重要概念,尤其在早期互联网时代,Flash 被广泛用于创建动态内容和富媒体应用。然而,随着 HTML5 的崛起,Flash 已逐渐淡出,但理解两者之间的交互仍然对历史背景...

    javascript与actionscript的交互.[课件]

    JavaScript 和 ActionScript 是两种在 Web 开发中广泛使用的脚本语言,它们分别在浏览器环境(JavaScript)和 Adobe Flash 平台(ActionScript)上运行。虽然它们语法上有许多相似之处,但它们的应用场景和交互方式...

    JavaScript与ActionScript3交互问题总结

    JavaScript与ActionScript3之间的交互主要基于两种技术:Flash Player的ExternalInterface API和浏览器的跨文档消息传递(Cross-document messaging,CDM)。ExternalInterface API允许AS3代码暴露方法给JavaScript...

    js.rar_actionscript_flash js_js actionscript_js flash_js交互

    在IT领域,JavaScript(简称JS)和Flash ActionScript 3.0是两种广泛使用的编程语言,它们各自在网页开发和互动内容制作上扮演着重要角色。"js.rar_actionscript_flash js_js actionscript_js flash_js交互"这个标题...

    VB和flash交互

    在IT领域,VB(Visual Basic)和Flash是两种不同的编程技术,它们分别用于创建桌面应用程序和交互式多媒体内容。VB是一种基于事件驱动的编程环境,由Microsoft开发,而Flash则是Adobe公司的产品,主要用于制作动画、...

    Qt和flash交互

    总之,Qt与Flash的交互涉及多个层次的技术,包括QWebView的使用、JavaScript中介、Flash的ExternalInterface以及安全和性能优化。虽然这种交互方式在特定场景下依然有用,但随着技术的发展,开发者应考虑是否有必要...

    JavaScript和ActionScript的交互实现代码

    JavaScript 和 ActionScript 是两种在 Web 开发中常用于交互的脚本语言,分别在浏览器的前端(JavaScript)和 Adobe Flash Player(ActionScript)中运行。本文将详细介绍如何实现在 Flash 内容(ActionScript)与...

    ActionScript与JavaScript相互调用

    其中,ActionScript与JavaScript是两种常用的语言,它们分别应用于Adobe Flash和网页环境中。虽然这两种语言有着不同的应用场景和发展背景,但在某些情况下,为了实现更复杂的功能,开发者可能需要让它们之间进行...

    javascript与flash相互调用

    这种技术在早期网页设计中尤其流行,因为Flash提供了丰富的动画和多媒体功能,而JavaScript则擅长处理用户交互和页面逻辑。以下是对这个主题的详细阐述: 1. **ExternalInterface API**:这是Flash Player提供的一...

    flash ActionScript 3.0 PPT课件

    理论上它们的代码可以相互转换,尽管它们的应用场景有所不同:JavaScript主要应用于Web浏览器中的DOM操作,而ActionScript主要服务于SWF格式的Flash动画及应用,涉及动画、音频、文字和事件处理。 **1.1 ...

    js和flash交互的小例子

    在IT领域,JavaScript(简称JS)和Adobe Flash是两种广泛使用的技术,它们分别在网页动态效果和多媒体内容呈现上有着独特的优势。本文将通过一个小例子深入讲解如何实现JS与Flash之间的交互,帮助开发者更好地理解和...

    一个实现ActionScript 与JavaScript 进行相互通信的程序例子

    在Web开发中,ActionScript和JavaScript是两种不同的脚本语言,分别用于Adobe Flash(ActionScript)和HTML页面(JavaScript)的交互。ActionScript主要用于创建富媒体内容,而JavaScript则广泛应用于网页动态效果和...

    javascript和actionscript之间通信实例

    7. **Adobe AIR Native Extensions (ANE)**: 对于桌面应用程序,Adobe AIR允许创建Native Extensions,将ActionScript与操作系统级别的API连接起来,JavaScript可以通过ANE与ActionScript交互。 8. **PostMessage ...

    JavaScript和Flash的通信(转)

    随着Web技术的发展,不同的媒体组件如JavaScript和Flash之间进行交互的需求逐渐增加。在本文中,我们将深入探讨JavaScript和Flash如何实现跨语言通信,并提供实际的应用案例来帮助理解这一过程。 #### 一、...

    Flash 8 ActionScript 2.0 语言参考

    ActionScript是Adobe Flash平台上用于创建交互式内容、动画和应用程序的关键脚本语言,尤其在Web开发领域具有广泛的应用。这份语言参考提供了全面的技术指导,帮助开发者充分利用ActionScript 2.0的特性来提升作品的...

    CSS中文 Flash.ActionScript.as3.0 JavaScript 语言参考

    ActionScript是Adobe Flash平台上的编程语言,主要用于创建交互式富媒体内容,如网页动画、游戏和应用程序。AS3.0是其一个重要的版本,引入了强类型、面向对象的编程模型。AS3.0的关键概念包括:类、对象、包、命名...

    flex和javascript交互例子

    Flex是一款基于Adobe Flash Player运行时的开源框架,用于创建动态、交互式的用户界面,而JavaScript则是一种广泛使用的客户端脚本语言,用于增强网页的交互性和功能。这两者的结合可以实现强大的前后端数据通信和...

    JavaScript和Flash的通信.rar_javascript

    JavaScript和Flash之间的通信是Web开发中的一个重要话题,尤其是在过去的十几年里,当Flash在网页动画和交互性内容中占据主导地位时。尽管现在HTML5已经逐渐取代了Flash,但理解这两种技术如何协同工作仍然有价值,...

Global site tag (gtag.js) - Google Analytics