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