`
tomEnjoy
  • 浏览: 141918 次
  • 性别: 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和ActionScript的交互实现代码

    JavaScript和ActionScript的交互实现代码,需要js与flash交互的朋友可以学习下。

    ActionScript开发技术大全

    26.1.2ActionScript与JavaScript交互 566 26.1.3ActionScript与桌面程序交互 567 26.2网页脚本交互示例 568 26.3桌面应用交互示例 571 26.4小结 573 第27章ActionScript打印控制 574 27.1使用打印作业对象 574 ...

    ActionScript开发人员指南中文版

    外部API示例:在ActionScript和Web浏览器中的JavaScript之间进行通信 第章:AIR中的XML签名验证 XML签名验证的基础知识 关于XML签名 实现IURIDereferencer接口 第章:客户端系统环境 客户端系统环境基础知识 使用...

    ActionScript3.0编程简介

    ActionScript 动作脚本是遵循 ECMAscript第四版 的 ...它在 Flash 内容和应用程序中实现交互性、数据处理以及其他功能。  ActionScript是Flash的脚本语言,与JavaScript相似,ActionScript是一种面向对象编程语言。

    flash与java交互的方法

    将 ActionScript 方法注册为可从容器调用。成功调用 addCallBack() 后,容器中的 JavaScript 或 ActiveX 代码可以调用在 Flash Player 中注册的函数。

    ActionScript3.0从零基础学习类

    ActionScript 是针对 Adobe Flash Player 运行时环境的编程语言,它在 Flash 内容和应用程序中实现了交互性、数据处理以及其它许多功能,是flash的专业脚本语言,与Javascript相似

    廖雪峰JavaScript教程

    Flash背后的ActionScript曾经流行过一阵子,不过随着移动应用的兴起,没有人用Flash开发手机App,所以它目前已经边 缘化了。相反,随着HTML5在PC和移动端越来越流行,JavaScript变得更加重要了。并且,新兴的Node.js...

    ActionScript.权威指南中文版

    它在 Flash 内容和应用程序中实现交互性、数据处理以及其他功能。 ActionScript是Flash的脚本语言,与JavaScript相似,ActionScript是一种编程语言,新出的AS3.0使用OOP(面对对象编程),增加更强的报错能力,指定...

    ActionScript 3.0 开发人员指南 (AS3开发帮助文档)

    第 59 章 : 在 AIR 中进行 HTML 和 JavaScript 编程 第 60 章 : 为 AIR HTML 容器编写脚本 第 61 章 : 处理 AIR 中与 HTML 相关的事件 第 62 章 : 在移动应用程序中显示 HTML 内容 第 63 章 : 安全性 第 64 章 ...

    竞赛刚获奖的AS3游戏

    AS3即ActionScript3.0的简称。 ActionScript 动作脚本是...它在 Flash 内容和应用程序中实现交互性、数据处理以及其他功能。 ActionScript是Flash的脚本语言,与JavaScript相似,ActionScript是一种面向对象编程语言。

    AS3语法大全

    AS3语法大全 。AS3即ActionScript3.0的简称。...它在 Flash 内容和应用程序中实现交互性、数据处理以及其他功能。 ActionScript是Flash的脚本语言,与JavaScript相似,ActionScript是一种面向对象编程语言。

    网络学习工具

    它在 Flash 内容和应用程序中实现交互性、数据处理以及其他功能。 ActionScript是Flash的脚本语言,与JavaScript相似,ActionScript是一种编程语言,新出的AS3.0使用OOP(面对对象编程),增加更强的报错能力,指定...

    sewise HTML5 播放器开发框架

    您不需要掌握任何JavaScript或ActionScript编码技术就可以制作出专业的网页视频播放器。 Sewise Player即可以做为单一的前台播放器来在页面上播放视频和流,也可以结合Sewise Server后台技术实现专业的可交互的点播...

    headImageCliper:javascript头像裁剪组件,利用flash在本地进行裁剪后再上传,支持预览头像

    headImageCliper本组件已停止更新,请使用功能更丰富的组件javascript头像裁剪上传组件,利用flash在本地进行裁剪后再上传,支持按尺寸预览头像,支持png、jpg、bmp、gif图片上传。项目使用flashbuilder开发,可以用...

    aardio帮助文档

    因为 aardio奇特的语言特性,aardio的胶水能力极强,在aardio中可以非常方便的调用C语言、C++、C#、Java、Python、Javascript、Node.Js、Flash ActionScript、PHP、VBScript、NewLISP、Delphi、Go语言 .........

    aardio工具解压版

    因为 aardio奇特的语言特性,aardio的胶水能力极强,在aardio中可以非常方便的调用C语言、C++、C#、Java、Python、Javascript、Node.Js、Flash ActionScript、PHP、VBScript、NewLISP、Delphi、Go语言 .........

    eingebaut:Eingebaut是一个JavaScript库,旨在实现简单的跨浏览器视频播放(在HTML5或Flash中)

    不过,作为一名程序员,您将可以在单个JavaScript API中与视频进行交互,该API公开了相关的方法和事件。 无论是通过HTML5还是Flash,Eingebaut都具有一致的全屏工作方式。 我该如何使用? 要播放视频,请初始化一...

    SewisePlayer使用手册

    你不需要掌 握任何专业的JavaScript或ActionScript技术就可以制作出专业的网页视频播放器。 SewisePlayer即可以做为 单一的前台播放器来在页面上播放视频,也可以结sewise Server后台技术实现专业的可交互的点播、...

    Flex企业应用开发实战源代码

    首先介绍了Flex/Flash的工作机理和利用Flex开发企业级应用必须掌握的基础知识和核心元素;接着剖析了Flex与Java的通信机制,以及Flex企业应用的客户端架构和服务器端架构;再接着详细讲解了BlazeDS框架的使用方法和...

Global site tag (gtag.js) - Google Analytics