前两天的一个项目碰到一个FLASH与JS交互的新问题,此项目的情况是这样,在HTML中有一个按钮,点击后就显示一个FLASH的FLV播放器,并播放FLV视频,在IE6下一切正常,但到IE7下就出现第一次JS报错(提示我在FLASH中用addCallback方法注册的JS方法无效),以后正常.
分析:
从现象上看,HTML第一次并没有获取到FLASH注册的方法,后来却可以获取,那么为什么呢,如果是
程序错误,那应该是一直都无法获取才对,第一次和第二次不同之处是:第一次之前FLASH播放器是隐藏的,而经第一次后,它显示了,是不是因为当HTML中的对象不显示的情况下,它也不执行其初始化?带着这样的疑问我又做了测试,方法如下:
先不隐藏FLASH播放器(后称层),在页面onload后再设置层的display=\"none\",再测试,果然一切正常了,由此得出的结论是:IE7中对于隐藏的对象,不会执行其初始化,所以以后得小心了,以上解决的方法在本地好用,但在网络上仍然有问题,因为网络加载的问题,这样会导致那个层开始是显示的,加载完后又隐藏了,这样对用户的感觉不好,所以我就采用了以下的解决办法:
最终解决办法:
还是一开始就隐藏层,在点击HTML按钮所触发的函数(myClick)中,先设层的display=\"block\",然后在调用由FLASH中用addCallback注册的方法(方法名为
JSPlay)时,使用try catch 直到成功调用注册的方法为止.
function myClick(){
//显示层层ID为layer1
document.getElementByID(\"layer1\").style.display=\"block\";
try{
//flash_obj为FLASH对象的引用
flash_obj.JSPlay()
} catch(e) {
setTimeout(\"myClick()\",200)
}
}
由此引起的思考:
FLASH与JS交互时要很小心,取决于不同的浏览器,所以在写JS的时候必须有针对不同的浏览器全盘考虑,这一点可能对专写AS的程序员来说有点麻烦,为因在FLASH里面不存在不同版本的问题,我们很少关注这些,现在可是不能不关注了。呵呵