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