[原]flash研究(三)——Falsh与JavaScript交互

一、getURL方法
flash中可以用getURL方法来调用JS中的函数。

例:

GetURL_btn.onRelease  =   function () {
    getURL(
"javascript:window.showModalDialog(location.href,'','dialogWidth:562px;dialogHeight:468px;status:no;resizable:yes;help:no');");
}


上面例子是点击按钮在新窗口中打开当前网页,用getURL直接将JS代码作为参数写在flash中。也可以使用 GET POST 发送变量。下面的示例使用 GET 将变量追加到 URL

var  firstName:String  =   " Gus " ;
var  lastName:String  =   " Richardson " ;
var  age:Number  =   92 ;
myBtn_btn.onRelease 
=   function ()  {
 getURL(
"http://www.macromedia.com""_blank""GET");
}
;

注:
1)        当使用 getURL() 调用 JavaScript 时,url 参数最多只能包含 508 个字符。
2)        只有将falsh发布到网页上面,此方法才有效,直接在swf文件中调会报异常。

二、ExternalInterface接口

1)        addCallback(methodName:String, instance:Object, method:Function) : Boolean
注册一个被js调的as方法。

methodName:从js中调用 as 函数时使用的名称。此名称不必与 as 方法的实际名称匹配。
instance:在该方法中被解析成的对象。此对象不一定是在其上可找到该方法的对象,可以指定任何对象(或 null)。
method js中调用的 as方法。

2)        call(MethodName:String, [Parameters:Object]) : Object
flash中直接调用一个js函数。

这个方法有两个参数:
MethodName:你想要调用的javascript函数名要以字符串的形式。
Parameters:需要传递给javascript函数的参数,用逗号分开,是可选的。

三、实例

下面是在网上找的一个实例,加入了本人的整合、说明:

Flash代码:

import flash.external. * ;
//  注册的方法名字,JavaScript将使用这个名字调用
var  methodName:String  =   " send2AS " ;
var  instance:Object  =   null ;
//  实际调用的函数
var  method:Function  =  receiveMsg;
//  返回值表示是否注册成功
var  wasSuccessful:Boolean  =  ExternalInterface.addCallback(methodName, instance, method);
function  receiveMsg(msg:String)  {
    info_txt.text 
+= newline;
    info_txt.text 
+= "<font color='#0000FF'>JS说:</font>"+newline+msg;
}

//  发送消息
var  btnObj:Object  =   new  Object();
btnObj.click 
=   function ()  {
    sendMsg(send_txt.text);
}
;
// 调JavaScript函数
function  sendMsg(msg:String)  {
    
if (msg != ""{
        ExternalInterface.call(
"send2JS", msg);
    }

}

// 用getURL直接调JS
GetURL_btn.onRelease  =   function () {
    getURL(
"javascript:window.showModalDialog(location.href,'','dialogWidth:562px;dialogHeight:468px;status:no;resizable:yes;help:no');");
}

// 初始化
function  init()  {
    info_txt.html 
= true;
    send_txt.text 
= "";
    send_btn.addEventListener(
"click", btnObj);
    Key.addListener(keyObj);
}

init();

网页代码:

< 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 > as-js </ title >

< script  language ="JavaScript" >
    
function send2JS(msg)
    
{
        document.getElementById(
'jstxt').innerHTML += "<font color='blue'>AS</font> 说:<br />" + msg + "<br />";
    }

    
function receiveMsg(msg)
    
{
        document.getElementById(
'jstxt').innerHTML += "<font color='blue'>AS</font> 说:<br />" + msg + "<br />";
    }

    
// 发送消息
    function sendmsg()
    
{
        document.getElementById(
'as_js').send2AS(document.getElementById('send_txt').value);
    }

</ script >
</ head >
< body  bgcolor ="#cccccc" >
< input  id = "send_txt"  type ="text"  value  = "aaaaa" >< input  name =""  value  = "callFlash"  type ="button"  onClick  = "sendmsg();" >
< div  id  = "jstxt" >< div />

< object  classid ="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase ="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"  width ="550"  height ="400"  id ="as_js"  align ="middle" >
< param  name ="allowScriptAccess"  value ="sameDomain"   />
< param  name ="movie"  value ="as-js.swf"   />
< param  name ="quality"  value ="high"   />
< param  name ="bgcolor"  value ="#cccccc"   />
< embed  src ="as-js.swf"  quality ="high"  bgcolor ="#cccccc"  width ="550"  height ="400"  name ="as-js"  align ="middle"  allowScriptAccess ="always"  type ="application/x-shockwave-flash"  pluginspage ="http://www.macromedia.com/go/getflashplayer"   />
</ object >
</ body >
</ html >


运行效果:


 

点击“GetURLJS”按钮,效果:


 

代码比较简单,有注释,就不分析了。

注:

1)        例子中getElementByIdIE的方法,如果换成其它浏览器,不一定能运行出效果,所以最好用下面的方法:

     var  flashVideoPlayer;
    
function  initialize() 
    
{
        
var ie = navigator.appName.indexOf("Microsoft"!= -1;
        flashVideoPlayer 
= (ie) ? window['FlashVisitOracle'] : document['FlashVisitOracle'];
    }


2)        承载flashhtml文件在本地运行会报错

点击是调试,调试代码如下:

 

function  __flash__arrayToXML(obj)  {
    
var s = "<array>";
    
for (var i=0; i<obj.length; i++{
        s 
+= "<property id=\"" + i + "\">" + __flash__toXML(obj[i]) + "</property>";
    }

    
return s+"</array>";
}

function  __flash__argumentsToXML(obj,index)  {
    
var s = "<arguments>";
    
for (var i=index; i<obj.length; i++{
        s 
+= __flash__toXML(obj[i]);
    }

    
return s+"</arguments>";
}

function  __flash__objectToXML(obj)  {
    
var s = "<object>";
    
for (var prop in obj) {
        s 
+= "<property id=\"" + prop + "\">" + __flash__toXML(obj[prop]) + "</property>";
    }

    
return s+"</object>";
}

function  __flash__escapeXML(s)  {
    
return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
}

function  __flash__toXML(value)  {
   
var type = typeof(value);
    
if (type == "string"{
        
return "<string>" + __flash__escapeXML(value) + "</string>";
    }
 else if (type == "undefined"{
        
return "<undefined/>";
    }
 else if (type == "number"{
        
return "<number>" + value + "</number>";
    }
 else if (value == null{
        
return "<null/>";
    }
 else if (type == "boolean"{
        
return value ? "<true/>" : "<false/>";
    }
 else if (value instanceof Date) {
        
return "<date>" + value.getTime() + "</date>";
   }
 else if (value instanceof Array) {
       
return __flash__arrayToXML(value);
   }
 else if (type == "object"{
       
return __flash__objectToXML(value);
   }
 else {
        
return "<null/>"//???
    }

}

function  __flash__addCallback(instance, name)  {
  instance[name] 
= function () 
    
return eval(instance.CallFunction("<invoke name=\""+name+"\" returntype=\"javascript\">" + __flash__argumentsToXML(arguments,0+ "</invoke>"));
  }

}

function  __flash__removeCallback(instance, name)  {
  instance[name] 
= null;
}


    在网上查了一下,遇到这个问题的人相当多,也给出了一些解决的方法,我试了都没用,发布一下用 http:// 地址浏览就没任何问题了。原因我也不是很清楚。有 高手知道,欢迎分享。

四、扩展

在做flashjs交互时遇到了这么一个问题:我要在调用承载flashhtml页面时,通过URL将参数传递给html页面,html在加载flash时通过调用flash中的方法将参数传进flash来初始化flash。但这样每次在调用flash方法的时候都报异常说,对象或方法不可用(IE7中做的测试),原因是flash还没有加载上,当然不能调用其中的方法了,延时处理一下就好了。

例:

< 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 > DianLi </ title >
< script  type  ="text/javascript"  language ="javascript" >
    
//取URL中的参数
    function getParameter(RQ)
    
{
         
var url=location.href;
         
var parameters=url.substr(url.indexOf("?")+1);
         
var parameterItems=parameters.split("&");
         
var parameterName;
         
var parameterVar;
         
for(i in parameterItems)
         
{
              parameterName
=parameterItems[i].split("=")[0];
              parameterVar
=parameterItems[i].split("=")[1];
              
if(parameterName==RQ)
              
{
                   
return(parameterVar);
              }

         }

    }

    
//调flash中的方法
    function callFlashFunction(sendValue) 
    
{
        
try
        
{
            window.document.DianLi.UpdateByDate(sendValue);
        }
  
        
catch(e)
        
{
            setTimeout(
"callFlashFunction(getParameter('RQ'))",200)
        }
        
    }

</ script >
</ head >
< body  style  ="margin:-1px"  scroll ="no"   >
< object  classid ="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"  codebase ="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"  width ="100%"  height ="100%"  id ="DianLi"  align ="middle" >
< param  name ="allowScriptAccess"  value ="sameDomain"   />
< param  name ="movie"  value ="DianLi.swf"   />< param  name ="quality"  value ="high"   />< param  name ="bgcolor"  value ="#ffffff"   />< embed  src ="DianLi.swf"  quality ="high"  bgcolor ="#ffffff"  width ="100%"  height ="100%"  name ="DianLi"  align ="middle"  allowScriptAccess ="always"  type ="application/x-shockwave-flash"  pluginspage ="http://www.macromedia.com/go/getflashplayer"   />
</ object >
< script  language ="javascript"  type ="text/javascript" >
    callFlashFunction(getParameter(
"RQ"));
</ script >
</ body >
</ html >
    Flash JavaScript 交互的方法和常见的问题基本就这些了,另外还在网上找了一个第三方的 Flash JavaScript 交互的工具 JavaScriptFlashGateway ,试了试总觉得没 flash 自身的 ExternalInterface 简单好用。如果还有其它的方法,请不吝共享。

转载于:https://www.cnblogs.com/salonliudong/archive/2008/01/02/1023566.html

评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页