Flex與JavaScript的交互:調用JavaScipt或者被JavaScript調用

          一、在JavaScript中調用Flex方法
          在Flex中可以用ExternalInterface來調用Flex的方法,途徑是
          1.通過在Flex應用可調用方法列表中添加指定的公用方法。在Flex應用中通過調用addCallback()可以把一個方法添加到此列表中。addCallback將一個ActionScript的方法注冊為一個JavaScript和VBScript可以調用的方法。
          addCallback()函數的定義如下:
          addCallback(function_name:String, closure:Function):void
          function_name參數就是在Html頁面中腳本調用的方法名。closure參數是要調用的本地方法,這個參數可以是一個方法也可以是對象實例。

          舉個例子:
          <mx:Script>
          ??? import flash.external.*;
          ??? public function myFunc():Number {
          ??????? return 42;
          ??? }
          ??? public function initApp():void {
          ??????? ExternalInterface.addCallback("myFlexFunction",myFunc);
          ??? }
          </mx:Script>

          2.那么在Html頁面中,先獲得SWF對象的引用,也就是用<object .../>聲明的Swf的Id屬性,比如說是MyFlexApp。然后就可以用以下方式調用Flex中的方法。
          <SCRIPT language='JavaScript' charset='utf-8'>
          ??? function callApp() {
          ??????? var x = MyFlexApp.myFlexFunction();
          ??????? alert(x);
          ??? }
          </SCRIPT>
          <button onclick="callApp()">Call App</button>



          二、在Flex中調用 JavaScript
          你可以調用Html頁面中的JavaScript,通過與JavaScript的交互,可以改變Style,調用遠程方法。還可以將數據傳遞給Html頁面,處理后再返回給Flex,完成這樣的功能主要有兩種方法:ExternalInterface()和navigateToUrl()。
          在Flex中調用JavaScript最簡單的方法是使用ExternalInterface(),可以使用此API調用任意JavaScript,傳遞參數,獲得返回值,如果調用失敗,Flex拋出一個異常。
          ExternalInterface封裝了對瀏覽器支持的檢查,可以用available屬性來查看。
          ExternalInterface的使用非常簡單,語法如下:
          flash.external.ExternalInterface.call(function_name: String[, arg1, ...]):Object;
          參數function_name是要調用的JavaScript的函數名,后面的參數是JavaScript需要的參數。
          舉個例子說明如何調用JavaScript函數
          Flex應用中,添加如下方法:
          <mx:Script>
          <?xml version="1.0" encoding="iso-8859-1"?>
          <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
          ??? <mx:Script>
          ??????? import flash.external.*;
          ?? ?
          ??????? public function callWrapper():void {
          ??????????? var f:String = "changeDocumentTitle";
          ??????????? var m:String = ExternalInterface.call(f,"New Title");
          ??????????? trace(m);
          ??????? }
          ??? </mx:Script>
          ??? <mx:Button label="Change Document Title" click="callWrapper()"/>
          </mx:Application>
          Html頁面中有如下函數定義:
          <SCRIPT LANGUAGE="JavaScript">
          ??? function changeDocumentTitle(a) {
          ??????? window.document.title=a;
          ??????? return "successful";
          ??? }
          </SCRIPT>

          posted on 2010-03-05 11:38 飛熊 閱讀(161) 評論(0)  編輯  收藏 所屬分類: Flex

          <2010年3月>
          28123456
          78910111213
          14151617181920
          21222324252627
          28293031123
          45678910

          導航

          統計

          常用鏈接

          留言簿(1)

          隨筆分類

          隨筆檔案

          文章分類

          文章檔案

          收藏夾

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 无棣县| 武清区| 盐城市| 拉萨市| 咸宁市| 蒙阴县| 台东县| 东乡族自治县| 靖州| 开化县| 汤原县| 公安县| 隆安县| 泸定县| 荆州市| 当阳市| 定南县| 怀宁县| 容城县| 黔南| 岳池县| 中山市| 德州市| 体育| 银川市| 胶州市| 平山县| 钟祥市| 应用必备| 清镇市| 扎兰屯市| 宜兴市| 陵川县| 昌吉市| 方正县| 定南县| 广元市| 高台县| 读书| 安泽县| 漳浦县|