JavaScript與ActionScript 3.0交互的一些問題
JavaScript 跟 ActionScript 3.0 交互也是通過 flash.external.ExternalInterface 這個類,不過與跟 Flash 8 中跟 ActionScript 2.0 交互所使用的 flash.external.ExternalInterface 還是有所不同的。***的不同就是 ExternalInterface.addCallback 方法在 ActionScript 3.0 中只有 2 個參數(shù)了,而不再有 instance 這個參數(shù)。下面要討論的這些問題都是關(guān)于 Flash 9 中 ActionScript 3.0 的。
先來說最常遇到的問題,就是在 JavaScript 調(diào)用 Flash 中的 ActionScript 方法時報告該方法不存在。這個問題是跟 Flash 中執(zhí)行 ExternalInterface.addCallback 的時間有關(guān)的,ExternalInterface.addCallback 必須要在 HTML 的完全載入之后也就是 window.onload 事件執(zhí)行后才可以執(zhí)行,否則,它所發(fā)布的方法都無法在 JavaScript 中調(diào)用。
解決這個問題的方法在 Flash 9 的 ActionScript 3.0 幫助中有個例子,里面包含了這個解決方法,就是首先在 js 中設(shè)置兩個標志,例如 jsReady 和 swfReady 這兩個變量作為標志,開始都設(shè)置為 false,當 window.onload 時,設(shè)置 jsReady 為 true,在 Flash 中一開始檢查 JavaScript 中的這個 jsReady 標志是否是 true(通過 ExternalInterface.call 方法調(diào)用 JavaScript 中的返回這個標志的一個函數(shù)),如果不為 true,就設(shè)置一個定時器,經(jīng)過一段時間后(例如 50 或 100 毫秒)重復這個檢查這個標志,一旦為 true,則執(zhí)行 ExternalInterface.addCallback 來發(fā)布 ActionScript 要提供給 JavaScript 調(diào)用的函數(shù)或方法,執(zhí)行完所有的 ExternalInterface.addCallback 后,通過 ExternalInterface.call 方法調(diào)用 JavaScript 中的設(shè)置 swfReady 標志的函數(shù)設(shè)置 swfReady 為 true。之后,當 JavaScript 檢測到 swfReady 為 true 后,再調(diào)用 ActionScript 中的方法就不會遇到上的說的這個問題了。
如果簡單一點的調(diào)用這樣還可以,如果是有好多這樣的調(diào)用就比較麻煩了。我是通過建立兩個執(zhí)行隊列:jsTaskQueue 和 swfTaskQueue,當在 jsReady 為 true 之前,如果有要調(diào)用 ActionScript 的操作,就把這個操作放到 jsTaskQueue 中,當 js 在 window.onload 中執(zhí)行設(shè)置 jsReady 時,把這個隊列中的任務取出來執(zhí)行,當 jsReady 為 true 后 swfReady 為 true 之前,如果有要調(diào)用 ActionScript 的操作,就把這個操作放到 swfTaskQueue 中,當 ActionScript 通過 ExternalInterface.call 方法調(diào)用 JavaScript 中的設(shè)置 swfReady 標志的函數(shù)設(shè)置 swfReady 為 true 時,把這個隊列中的任務取出來執(zhí)行。當 jsReady 和 swfReady 都為 true 時,那么如果有要調(diào)用 ActionScript 的操作,直接運行就可以了。通過這種方法把這些任務封裝后,使用這些封裝之后的操作,在編寫代碼就可以按照順序(而不是異步)來寫了,執(zhí)行時也是順序執(zhí)行啦。
除了這個最常遇到的問題之外,還有兩個關(guān)于 IE 上的問題。
如果你是通過 JavaScript 動態(tài)創(chuàng)建的 Flash 標簽然后插入到 html 中的話(例如通過 innerHTML 賦值的方法或者 appendChild 的方法),很可能你這個操作是在 window.onload 之后才進行,在這種情況下,其它瀏覽器可以正常進行 JavaScript 和 ActionScript 3.0 的交互,IE 就不行。所以,為了保險,***的方法就是直接把 flash 標簽的 html 寫在 html 的 body 中,或者用 JavaScript 的 document.write 來寫入 html 的 body 中,后面這種方法對于 IE 來說更合適一些,因為這樣的話,可以不需要點擊激活 Flash。
另一個問題是,不要在 ActionScript 中發(fā)布名字為 invoke 的方法,否則在 IE 中,JavaScript 調(diào)用該方法時會出錯。
***一個問題,網(wǎng)上可以查到的比較多了,就是不要把 flash 放到 form 中,否則在 IE 中,JavaScript 調(diào)用 ActionScript 時會出錯。當然,網(wǎng)上也給出了一個解決這個問題的腳本,不過那個貌似是針對 Flash 8 的 ActionScript 2.0 的,我沒有試過,不知道對 ActionScript 3.0 是否同樣有效。
如果在 ActionScript 中通過 ExternalInterface.call 調(diào)用 JavaScript 時,如果傳遞的參數(shù)有字符串,那么字符串中如果包含 \ 符號的話,那么將會調(diào)用失敗。這個也是 ActionScript 和 JavaScript 交互的一個 bug,解決辦法是,對傳遞的字符串先進行一下處理在傳遞,處理方法很簡單,比如要傳遞的數(shù)據(jù)是 data,將它進行一次 data.replace(/\\/, “\\\\”) 替換之后,在傳遞給 JavaScript 就可以了。
【編輯推薦】