IE sucks... 由document.namespaces引发的脚本错误

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触发前访问就会出错。

------------

很好。。。之前发在论坛，只因为后面有一句“有没有人碰到过同样的问题？”就被移到问答频道，博客上的也被删了

嘛。。。重发

评论

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吗？照道理不应该有问题的

1 楼 小鸡啄米 2011-08-05  

貌似我也碰到了这样的问题，情况是这样的，为了在IE6里面兼容PNG24半透明，因为产品用到了大量的这类图片，为了方便采用了DD_beletedpng 这个库，好像每次第一次访问的时候就会出错，刷新后就是正常的，后来就查看到一document.namespaces 一会是object  一会是unknown 搞得很头疼，请问你后来怎么解决这个问题的啊？