[转载]JavaScript、Flex、Air之间的相互通信的研究

文章转自：http://blog.csdn.net/txiejun/article/details/5675191 

在Air中嵌入的HTML控件中打开一个新的浏览器窗口是不行的，而通过Air本身的navigateToURL可以做到这点；为了能够实现在Air的HTML控件中打开一个新的浏览器窗口，我考虑到了使用JavaScript来作为中间媒介；通过HTML中的对象访问JavaScript函数，然后JavaScript函数在访问Air中的函数来调用Air的navigateToURL方法实现以上目的；可能这种方式不是最优解决方案，不过通过这几天的研究倒是把JavaScript、Flex、Air之间的相互通信有了更深入的了解；为了不浪费，所以写下来供以后参考，好了，开始吧；

    1.首先需要建立两个工程，一个名叫AppTest的Flex工程，另一个叫做AirWeb的Air工程；为了减少拷贝文件的操作，可以把AppTest工程的output路基设置到Air的bin-debug路径下（比如我目前的AppTest工程发布路径为:D:/workspace/AirWeb/bin-debug/AppTest.html），这样在启动Air的时候，就很方便的调用AppTest中生存的资源了；

    2.AppTest 工程的内容如下：

<?xml version="1.0" encoding="utf-8"?>     
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" width="1000" height="800"    
     layout="absolute" creationComplete="init()" fontSize="13">     
    <mx:Script>     
        <!--[CDATA[  
         import flash.net.navigateToURL;     
            import mx.controls.Alert;     
            import flash.external.ExternalInterface;     
            private function init():void  
            {     
             //注册JavaScript中的jsCallAir函数被调用时 将会调用Air中的jsCallAir方法  
                this.html.domWindow.jsCallAir = jsCallAir;      
            }     
            private function jsCallAir(str:String):void  
            {     
                airtext.text=str;   
                airCallJs();    
            }     
              
            private function airCallJs():void  
            {     
             //调用js中airCallJs方法   
                //this.html.htmlLoader.window.airCallJs(airtext.text);  
                openWindowInAir();  
            }  
              
            private function openWindowInAir():void  
            {  
             var urlRequest:URLRequest = new URLRequest("http://www.baidu.com");  
             navigateToURL(urlRequest);    
            }  
              
        ]]-->     
    </mx:Script>     
             
    <mx:TextInput id="airtext" text="txiejun's Air test!" x="10" y="10">  
    </mx:TextInput>     
    <mx:HTML id="html" y="50" location="AppTest.html"  width="800" height="650">          
    </mx:HTML>     
    <mx:Button x="216" y="10" label="airCallJs" click="airCallJs()"/>  
      
</mx:WindowedApplication>   

3.AppTest.html 页面中的重要内容：

<?xml version="1.0" encoding="utf-8"?>     
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" width="1000" height="800"    
     layout="absolute" creationComplete="init()" fontSize="13">     
    <mx:Script>     
        <!--[CDATA[  
            import flash.net.navigateToURL;     
            import mx.controls.Alert;     
            import flash.external.ExternalInterface;     
            private function init():void  
            {     
                //注册JavaScript中的jsCallAir函数被调用时 将会调用Air中的jsCallAir方法  
                this.html.domWindow.jsCallAir = jsCallAir;       
            }     
            private function jsCallAir(str:String):void  
            {     
                airtext.text=str;   
                airCallJs();    
            }     
              
            private function airCallJs():void  
            {     
                //调用js中airCallJs方法   
                //this.html.htmlLoader.window.airCallJs(airtext.text);  
                openWindowInAir();  
            }  
              
            private function openWindowInAir():void  
            {  
                var urlRequest:URLRequest = new URLRequest("http://www.baidu.com");  
                navigateToURL(urlRequest);    
            }  
              
        ]]-->     
    </mx:Script>     
             
    <mx:TextInput id="airtext" text="txiejun's Air test!" x="10" y="10">  
    </mx:TextInput>     
    <mx:HTML id="html" y="50" location="AppTest.html"  width="800" height="650">          
    </mx:HTML>     
    <mx:Button x="216" y="10" label="airCallJs" click="airCallJs()"/>  
</mx:WindowedApplication>   

以上的代码分别实现了JavaScript于air的互相通信和JavaScript和flex app的互相通信，因此要实现，air和flex app的通信也就很简单了，借助JavaScript作为中间介质，也就实现了air和flex app的互相通信；