IE总能给我们带来“惊喜”,做前端开发近2年,碰到过不少郁闷得要死的IE专属bug。
这次又发现一个,十分诡异:
系统基于ExtJs开发,动态加载各页面JS。
症状是,IE下页面JS加载过来后有很大几率执行异常,由于是动态加载的,无法进行调试。
而换成静态加载又一切正常
嗯。。。当然,其它浏览器一切正常
经过数次尝试,最终终于利用带defer属性的script标签静态加载,重现出了这个错误。
出错的语句是这行:
Js代码
if (!doc.namespaces[prefix]) {
经测试,只要访问doc.namespaces就会报异常
(这是excanvas的代码)
诡异的地方来了,以下代码会报错
<script defer="true"> alert(document.namespaces); </script>
以下代码正常
<script> alert(document.namespaces); </script>
以下代码也正常
<script> window.onload = function(){ alert(document.namespaces);}; </script>
以下代码也正常。。。。。。
<script> document.namespaces; </script> <script defer="true"> alert(document.namespaces); </script>
像是。。。访问过一次就不会出错了
如果从没访问过,那么在静态代码执行后,onload触发前访问就会出错。
------------
很好。。。之前发在论坛,只因为后面有一句“有没有人碰到过同样的问题?”就被移到问答频道,博客上的也被删了
嘛。。。重发
1 楼
小鸡啄米
2011-08-05
貌似我也碰到了这样的问题,情况是这样的,为了在IE6里面兼容PNG24半透明,因为产品用到了大量的这类图片,为了方便采用了DD_beletedpng 这个库,好像每次第一次访问的时候就会出错,刷新后就是正常的,后来就查看到一document.namespaces 一会是object 一会是unknown 搞得很头疼,请问你后来怎么解决这个问题的啊?
2 楼
clue
2011-08-05
小鸡啄米 写道
貌似我也碰到了这样的问题,情况是这样的,为了在IE6里面兼容PNG24半透明,因为产品用到了大量的这类图片,为了方便采用了DD_beletedpng 这个库,好像每次第一次访问的时候就会出错,刷新后就是正常的,后来就查看到一document.namespaces 一会是object 一会是unknown 搞得很头疼,请问你后来怎么解决这个问题的啊?
我们是在特定的情况下才会出现此问题
用的是OPOA模式,整个框架比较大,通常是会在数个ajax请求取得初始化数据后才加载JS文件的,通常这里会等待接近半秒,onload已经触发过,所以不会有问题。
那次是开发版,没有进行初始化就加载了,当加载速度够快就会出问题。(Ext的onReady是早于onload的)
文中我有写当时测试中发现的方法,即事先访问一次document.namespaces(将这段JS代码写到head中)
对了,你引用的库是开启了defer吗?照道理不应该有问题的