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