javascript和Flash ActionScript的交互(AS3)


原文地址: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>
發佈了5 篇原創文章 · 獲贊 3 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章