首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-10-30 
IE sucks... 由document.namespaces引发的脚本错误IE总能给我们带来“惊喜”,做前端开发近2年,碰到过不少郁

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

热点排行