当前位置: 代码迷 >> Web前端 >> IE sucks. 由document.namespaces引发的脚本异常
  详细解决方案

IE sucks. 由document.namespaces引发的脚本异常

热度:216   发布时间:2012-10-30 16:13:36.0
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触发前访问就会出错。

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

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

嘛。。。重发
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吗?照道理不应该有问题的
  相关解决方案