flex学習ノートExternalInterface(一)

ExternalInterface.callを使用して、asでjsメソッドを呼び出します.
1.MXMLコードは次のとおりです.

   
   
   
   

    
    
    
    
xml version="1.0" encoding="utf-8"?> 
    
    
    
    
 
    
    
    
    
 
    
    
    
    
<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml  
    
    
    
    
layout="vertical" 
    
    
    
    
verticalAlign="middle" 
    
    
    
    
backgroundColor="white"> 
    
    
    
    
 
    
    
    
    
<mx:Script> 
    
    
    
    
 
    
    
    
    
 
    
    
    
    
 
    
    
    
    
private function callJavaScript():void  
    
    
    
    
 
    
    
    
    
{  
    
    
    
    
 
    
    
    
    
ExternalInterface.call("sayHelloWorld");  
    
    
    
    
 
    
    
    
    
}  
    
    
    
    
 
    
    
    
    
]]> 
    
    
    
    
 
    
    
    
    
mx:Script> 
    
    
    
    
 
    
    
    
    
<mx:Button label="Say 'Hello World'" 
    
    
    
    
click="callJavaScript();" /> 
    
    
    
    
 
    
    
    
    
mx:Application> 
    
    
    
    
 
   
   
   
   

2.jsコード:

   
   
   
   

    
    
    
    
<script language="JavaScript" type="text/javascript"> 
    
    
    
    
 
    
    
    
    
function sayHelloWorld()  
    
    
    
    
{  
    
    
    
    
 
    
    
    
    
alert("Hello World, from JavaScript");  
    
    
    
    
 
    
    
    
    
}  
    
    
    
    
 
    
    
    
    
script> 
   
   
   
   

あるいは、JavaScriptコードをHTMLページに直接書くのではなく、外部JSファイルをインポートする方法で書くことができます.
/src/scripts.js
function sayHelloWorld() { alert("Hello World, from JavaScript"); }
------------------------/html-template/index.template.html

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

JavaScript関数にパラメータを渡すには、

//JavaScript
function sayString(str) {
alert(str);
}
//ActionScript 3.0
private function callJavaScript():void {
ExternalInterface.call("sayString", "Hello World, from ActionScript");
}