积少成多Flash(8) - ActionScript 3.0 网页之获取参数,JavaScript与ActionScript之间的相互调用

[索引页]
[源码下载]


积少成多Flash(8) - ActionScript 3.0 网页之获取参数,JavaScript与ActionScript之间的相互调用


作者:webabcd


介绍
演示使用 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="flashVars" value="name=webabcd&age=29" />
        
// <param name="movie" value="Demo.swf?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" 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" />
    
<param name="flashVars" value="name=webabcd&age=29" />
</object>

</body>
</html>


OK
[源码下载]
posted @ 2009-11-05 14:57  webabcd  阅读(8617)  评论(23编辑  收藏  举报